diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index f1f42dc07..ea623f637 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -38,17 +38,12 @@ body { color: var(--main-text-color); font-family: var(--main-font-family); font-size: var(--main-font-size); - - --native-titlebar-background: var(--main-background-color); + --native-titlebar-foreground: var(--main-text-color); --native-titlebar-darwin-x-offset: 10; --native-titlebar-darwin-y-offset: 12; } -body.layout-horizontal { - --native-titlebar-background: var(--left-pane-background-color); -} - body.mobile .desktop-only { display: none !important; } diff --git a/src/public/stylesheets/theme-dark.css b/src/public/stylesheets/theme-dark.css index 9f1b8a912..d058b9351 100644 --- a/src/public/stylesheets/theme-dark.css +++ b/src/public/stylesheets/theme-dark.css @@ -75,6 +75,7 @@ --link-color: lightskyblue; --mermaid-theme: dark; + --native-titlebar-background: #00000000; } body ::-webkit-calendar-picker-indicator { diff --git a/src/public/stylesheets/theme-light.css b/src/public/stylesheets/theme-light.css index 4a161c24a..0b59979ee 100644 --- a/src/public/stylesheets/theme-light.css +++ b/src/public/stylesheets/theme-light.css @@ -78,4 +78,5 @@ html { --link-color: blue; --mermaid-theme: default; + --native-titlebar-background: #ffffff00; } diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index b2ede748e..0785faa2c 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -87,6 +87,7 @@ */ :root { --theme-style: light; + --native-titlebar-background: #ffffff00; --main-background-color: white; --main-text-color: black; @@ -230,7 +231,8 @@ @media (prefers-color-scheme: dark) { :root { - --theme-style: dark; + --theme-style: dark; + --native-titlebar-background: #00000000; --main-background-color: #333; --main-text-color: #ccc; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 2127905a3..c81770af3 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -19,10 +19,6 @@ body { --native-titlebar-darwin-y-offset: 17 !important; } -body.layout-vertical { - --native-titlebar-background: var(--root-background); -} - body.layout-horizontal { --launcher-pane-background-color: var(--launcher-pane-horizontal-background-color); --launcher-pane-size: var(--launcher-pane-horizontal-size); @@ -41,7 +37,6 @@ body.background-effects.platform-win32 { --tab-background-color: transparent; --new-tab-button-background: transparent; --active-tab-background-color: var(--launcher-pane-background-color); - --native-titlebar-background: #00000000; --background-material: tabbed; }