Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-08 14:25:51 +01:00
Code Issues Packages Projects Releases Activity

feat(theme): start implementing a theme for TriliumNext

Browse Source
This commit is contained in:
Elian Doran
2024-11-22 20:09:32 +02:00
parent 79b31bda76
commit 7cb9671fe3
4 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/public/app/widgets/type_widgets/options/appearance/theme.js
View File

@@ -41,6 +41,7 @@ export default class ThemeOptions extends OptionsWidget {
async optionsLoaded(options) { async optionsLoaded(options) {
const themes = [ const themes = [
{ val: 'next', title: t("theme.triliumnext") },
{ val: 'light', title: t('theme.light_theme') }, { val: 'light', title: t('theme.light_theme') },
{ val: 'dark', title: t('theme.dark_theme') } { val: 'dark', title: t('theme.dark_theme') }
].concat(await server.get('options/user-themes')); ].concat(await server.get('options/user-themes'));

0
src/public/stylesheets/theme-next.css Normal file
View File

3
src/public/translations/en/translation.json
View File

@@ -1061,7 +1061,8 @@
"theme_label": "Theme", "theme_label": "Theme",
"override_theme_fonts_label": "Override theme fonts", "override_theme_fonts_label": "Override theme fonts",
"light_theme": "Light", "light_theme": "Light",
"dark_theme": "Dark" "dark_theme": "Dark",
"triliumnext": "TriliumNext"
}, },
"zoom_factor": { "zoom_factor": {
"title": "Zoom Factor (desktop build only)", "title": "Zoom Factor (desktop build only)",

2
src/routes/index.ts
View File

@@ -54,6 +54,8 @@ function getThemeCssUrl(theme: string) {
return false; // light theme is always loaded as baseline return false; // light theme is always loaded as baseline
} else if (theme === 'dark') { } else if (theme === 'dark') {
return `${assetPath}/stylesheets/theme-dark.css`; return `${assetPath}/stylesheets/theme-dark.css`;
} else if (theme === "next") {
return `${assetPath}/stylesheets/theme-next.css`;
} else { } else {
const themeNote = attributeService.getNoteWithLabel('appTheme', theme); const themeNote = attributeService.getNoteWithLabel('appTheme', theme);