Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] If you have the Default Tabs + Colorful Frame Enabled and split the screen horizontally in half, inactive tabs are unreadable. #288

Open
DudeThatsErin opened this issue Jun 9, 2024 · 0 comments
Assignees
Labels
bug Something isn't working

Comments

@DudeThatsErin
Copy link

DudeThatsErin commented Jun 9, 2024

Describe the bug
Easiest way to describe it is to show a picture as the title has the whole thing:
image
Sandbox:
image

Weirdly, if you open another window, the tabs are readable...
image
The active window is the sandbox vault so you can see my original vault (in the background) the tabs are all readable.

To Reproduce
Steps to reproduce the behavior:

  1. Install Annu
  2. Install Style Settings
  3. Enable Colorful Frame
  4. Open tabs by splitting the screen.
  5. See issue

Expected behavior
Tabs on bottom half should not be invisible.

Additional context
debug info:

SYSTEM INFO:
	Obsidian version: v1.6.3
	Installer version: v1.6.2
	Operating system: Windows 10 Home 10.0.22631
	Login status: not logged in
	Insider build toggle: off
	Live preview: on
	Base theme: adapt to system
	Community theme: AnuPpuccin v1.5.0
	Snippets enabled: 0
	Restricted mode: off
	Plugins installed: 1
	Plugins enabled: 1
		1: Style Settings v1.0.8

RECOMMENDATIONS:
	Custom theme and snippets: for cosmetic issues, please first try updating your theme and disabling your snippets. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community theme and snippets.
	Community plugins: for bugs, please first try updating all your plugins to latest. If still not fixed, please try to make the issue happen in the Sandbox Vault or disable community plugins.

Edit: After doing some quick searching in the inspector, it seems like having this CSS included is causing the error:

.is-focused .workspace-tab-header {
color: var(--tab-text-color-focused);
}

As when I am clicked on Obsidian, this code shows and the tabs are invisible but when I click off (to go to the inspector for example) this code does not show.

Last edit cause I fixed it myself:
If anyone finds this while we are waiting for a fix, you can use this to fix it:

/* Tab fix for Desktop */
.is-focused .workspace-tab-header {
    color: #fff !important;
}

Unfortunately, it will also color the tabs in the header as well but I find it more important that I can see the tabs on the 2nd half of the screen.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants