mirror of
				https://github.com/zadam/trilium.git
				synced 2025-10-31 02:16:05 +01:00 
			
		
		
		
	fix(native-buttons): fix background difference on modals
This commit is contained in:
		| @@ -38,17 +38,12 @@ body { | |||||||
|     color: var(--main-text-color); |     color: var(--main-text-color); | ||||||
|     font-family: var(--main-font-family); |     font-family: var(--main-font-family); | ||||||
|     font-size: var(--main-font-size); |     font-size: var(--main-font-size); | ||||||
|  |      | ||||||
|     --native-titlebar-background: var(--main-background-color); |  | ||||||
|     --native-titlebar-foreground: var(--main-text-color); |     --native-titlebar-foreground: var(--main-text-color); | ||||||
|     --native-titlebar-darwin-x-offset: 10; |     --native-titlebar-darwin-x-offset: 10; | ||||||
|     --native-titlebar-darwin-y-offset: 12; |     --native-titlebar-darwin-y-offset: 12; | ||||||
| } | } | ||||||
|  |  | ||||||
| body.layout-horizontal { |  | ||||||
|     --native-titlebar-background: var(--left-pane-background-color); |  | ||||||
| } |  | ||||||
|  |  | ||||||
| body.mobile .desktop-only { | body.mobile .desktop-only { | ||||||
|     display: none !important; |     display: none !important; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -75,6 +75,7 @@ | |||||||
|     --link-color: lightskyblue; |     --link-color: lightskyblue; | ||||||
|  |  | ||||||
|     --mermaid-theme: dark; |     --mermaid-theme: dark; | ||||||
|  |     --native-titlebar-background: #00000000; | ||||||
| } | } | ||||||
|  |  | ||||||
| body ::-webkit-calendar-picker-indicator { | body ::-webkit-calendar-picker-indicator { | ||||||
|   | |||||||
| @@ -78,4 +78,5 @@ html { | |||||||
|     --link-color: blue; |     --link-color: blue; | ||||||
|  |  | ||||||
|     --mermaid-theme: default; |     --mermaid-theme: default; | ||||||
|  |     --native-titlebar-background: #ffffff00; | ||||||
| } | } | ||||||
|   | |||||||
| @@ -87,6 +87,7 @@ | |||||||
|  */ |  */ | ||||||
| :root { | :root { | ||||||
|    --theme-style: light; |    --theme-style: light; | ||||||
|  |    --native-titlebar-background: #ffffff00; | ||||||
|  |  | ||||||
|    --main-background-color: white; |    --main-background-color: white; | ||||||
|    --main-text-color: black; |    --main-text-color: black; | ||||||
| @@ -230,7 +231,8 @@ | |||||||
|  |  | ||||||
| @media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||||||
|     :root { |     :root { | ||||||
|         --theme-style: dark;         |         --theme-style: dark; | ||||||
|  |         --native-titlebar-background: #00000000; | ||||||
|      |      | ||||||
|         --main-background-color: #333; |         --main-background-color: #333; | ||||||
|         --main-text-color: #ccc;         |         --main-text-color: #ccc;         | ||||||
|   | |||||||
| @@ -19,10 +19,6 @@ body { | |||||||
|     --native-titlebar-darwin-y-offset: 17 !important; |     --native-titlebar-darwin-y-offset: 17 !important; | ||||||
| } | } | ||||||
|  |  | ||||||
| body.layout-vertical { |  | ||||||
|     --native-titlebar-background: var(--root-background); |  | ||||||
| } |  | ||||||
|  |  | ||||||
| body.layout-horizontal { | body.layout-horizontal { | ||||||
|     --launcher-pane-background-color: var(--launcher-pane-horizontal-background-color); |     --launcher-pane-background-color: var(--launcher-pane-horizontal-background-color); | ||||||
|     --launcher-pane-size: var(--launcher-pane-horizontal-size); |     --launcher-pane-size: var(--launcher-pane-horizontal-size); | ||||||
| @@ -41,7 +37,6 @@ body.background-effects.platform-win32 { | |||||||
|     --tab-background-color: transparent; |     --tab-background-color: transparent; | ||||||
|     --new-tab-button-background: transparent; |     --new-tab-button-background: transparent; | ||||||
|     --active-tab-background-color: var(--launcher-pane-background-color); |     --active-tab-background-color: var(--launcher-pane-background-color); | ||||||
|     --native-titlebar-background: #00000000; |  | ||||||
|     --background-material: tabbed;     |     --background-material: tabbed;     | ||||||
| } | } | ||||||
|  |  | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user