Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-28 10:32:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(mica): add back toggleable

Browse Source
This commit is contained in:
Elian Doran 2024-12-09 21:54:11 +02:00
parent 648d81169c
commit f4efefe480
No known key found for this signature in database
3 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/public/stylesheets/theme-next.css
View File

@ -413,7 +413,7 @@ body.layout-horizontal {
} }
/* #region Mica */ /* #region Mica */
body.electron.platform-win32 { body.background-effects.platform-win32 {
--launcher-pane-horizontal-border-color: rgba(0, 0, 0, 0.15); --launcher-pane-horizontal-border-color: rgba(0, 0, 0, 0.15);
--launcher-pane-background-color: rgba(255, 255, 255, 0.7); --launcher-pane-background-color: rgba(255, 255, 255, 0.7);
--tab-background-color: transparent; --tab-background-color: transparent;
@ -424,27 +424,27 @@ body.electron.platform-win32 {
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body.electron.platform-win32 { body.background-effects.platform-win32 {
--launcher-pane-horizontal-border-color: rgba(0, 0, 0, 0.5); --launcher-pane-horizontal-border-color: rgba(0, 0, 0, 0.5);
--launcher-pane-background-color: rgba(255, 255, 255, 0.09); --launcher-pane-background-color: rgba(255, 255, 255, 0.09);
} }
} }
body.electron.platform-win32.layout-vertical { body.background-effects.platform-win32.layout-vertical {
--left-pane-background-color: transparent; --left-pane-background-color: transparent;
--launcher-pane-background-color: rgba(255, 255, 255, 0.055); --launcher-pane-background-color: rgba(255, 255, 255, 0.055);
--left-pane-item-hover-background: rgba(127, 127, 127, 0.05); --left-pane-item-hover-background: rgba(127, 127, 127, 0.05);
--background-material: mica; --background-material: mica;
} }
body.electron.platform-win32, body.background-effects.platform-win32,
body.electron.platform-win32 #root-widget, body.background-effects.platform-win32 #root-widget,
body.electron.platform-win32 #launcher-pane .launcher-button { body.background-effects.platform-win32 #launcher-pane .launcher-button {
background: transparent !important; background: transparent !important;
} }
body.electron.platform-win32.layout-horizontal #horizontal-main-container, body.background-effects.platform-win32.layout-horizontal #horizontal-main-container,
body.electron.platform-win32.layout-vertical #vertical-main-container { body.background-effects.platform-win32.layout-vertical #vertical-main-container {
background-color: var(--root-background); background-color: var(--root-background);
} }
/* #endregion */ /* #endregion */

1
src/routes/index.ts
View File

@ -37,6 +37,7 @@ function index(req: Request, res: Response) {
platform: process.platform, platform: process.platform,
isElectron, isElectron,
hasNativeTitleBar: (isElectron && options.nativeTitleBarVisible === "true"), hasNativeTitleBar: (isElectron && options.nativeTitleBarVisible === "true"),
hasBackgroundEffects: (isElectron && true),
mainFontSize: parseInt(options.mainFontSize), mainFontSize: parseInt(options.mainFontSize),
treeFontSize: parseInt(options.treeFontSize), treeFontSize: parseInt(options.treeFontSize),
detailFontSize: parseInt(options.detailFontSize), detailFontSize: parseInt(options.detailFontSize),

2
src/views/desktop.ejs
View File

@ -6,7 +6,7 @@
<link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest"> <link rel="manifest" crossorigin="use-credentials" href="manifest.webmanifest">
<title>TriliumNext Notes</title> <title>TriliumNext Notes</title>
</head> </head>
<body class="desktop heading-style-<%= headingStyle %> layout-<%= layoutOrientation %> platform-<%= platform %> <%= isElectron ? 'electron' : '' %> <%= hasNativeTitleBar ? 'native-titlebar' : '' %>"> <body class="desktop heading-style-<%= headingStyle %> layout-<%= layoutOrientation %> platform-<%= platform %> <%= isElectron ? 'electron' : '' %> <%= hasNativeTitleBar ? 'native-titlebar' : '' %> <%= hasBackgroundEffects ? 'background-effects' : '' %>">
<noscript><%= t("javascript-required") %></noscript> <noscript><%= t("javascript-required") %></noscript>
<script> <script>