search

AnubisNekhet / AnuPpuccin

Personal theme for Obsidian
GNU General Public License v3.0
1.96k stars 163 forks source link

[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 1 month ago

DudeThatsErin commented 1 month ago

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