nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added theme selection

Browse Source
This commit is contained in:
Nils Pukropp
2026-03-26 02:10:40 +01:00
parent 57c36ab652
commit 85549d41f8
3 changed files with 54 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/styles/global.css
View File

@@ -67,9 +67,9 @@
.latte {
--crust: #e6e9ef; --mantle: #dce0e8; --base: #eff1f5;
--surface0: #e6e9ef; --surface1: #bcc0cc; --surface2: #acb0be;
--surface0: #ccd0da; --surface1: #bcc0cc; --surface2: #acb0be;
--overlay0: #9ca0b0; --overlay1: #8c8fa1; --overlay2: #7c7f93;
--text: #1e1e2e; --subtext0: #4c4f69; --subtext1: #5c5f77;
--text: #4c4f69; --subtext0: #5c5f77; --subtext1: #6c6f85;
--blue: #1e66f5; --lavender: #7287fd; --sapphire: #209fb5;
--sky: #04a5e5; --teal: #179299; --green: #40a02b;
--yellow: #df8e1d; --peach: #fe640b; --maroon: #e64553;
@@ -77,6 +77,18 @@
--flamingo: #dd7878; --rosewater: #dc8a78;
}
.scaled-and-icy {
--crust: #ffffff; --mantle: #f8f9fa; --base: #f0f2f5;
--surface0: #e4e7eb; --surface1: #d1d5db; --surface2: #9ca3af;
--overlay0: #6b7280; --overlay1: #4b5563; --overlay2: #374151;
--text: #111827; --subtext0: #374151; --subtext1: #4b5563;
--blue: #5cdbdf; --lavender: #8ab4f8; --sapphire: #38bdf8;
--sky: #0ea5e9; --teal: #2dd4bf; --green: #34d399;
--yellow: #fcd34d; --peach: #fbbf24; --maroon: #f43f5e;
--red: #ef4444; --mauve: #f0498b; --pink: #ec4899;
--flamingo: #f472b6; --rosewater: #fda4af;
}
body {
background-color: var(--base);
color: var(--text) !important;
@@ -99,6 +111,8 @@ body {
.cm-s-narlblog .CodeMirror-cursor { border-left-color: var(--text) !important; }
.cm-s-narlblog.cm-fat-cursor .CodeMirror-cursor { background: var(--text) !important; }
.cm-s-narlblog .CodeMirror-selected { background: var(--surface2) !important; }
.cm-s-narlblog .CodeMirror-line::selection, .cm-s-narlblog .CodeMirror-line > span::selection, .cm-s-narlblog .CodeMirror-line > span > span::selection { background: var(--surface2); }
.cm-s-narlblog .CodeMirror-line::-moz-selection, .cm-s-narlblog .CodeMirror-line > span::-moz-selection, .cm-s-narlblog .CodeMirror-line > span > span::-moz-selection { background: var(--surface2); }
/* Dynamic Highlight.js Theme */
.hljs { color: var(--text) !important; background: transparent !important; }
@@ -113,6 +127,10 @@ body {
.hljs-symbol, .hljs-bullet { color: var(--pink) !important; }
.hljs-built_in, .hljs-builtin-name { color: var(--red) !important; }
.hljs-meta { color: var(--overlay1) !important; font-weight: bold; }
.hljs-deletion { background: var(--maroon); color: var(--crust); }
.hljs-addition { background: var(--green); color: var(--crust); }
.hljs-emphasis { font-style: italic; }
.hljs-strong { font-weight: bold; }
/* Typography styles for Markdown */
.prose { color: var(--text) !important; }
@@ -132,7 +150,7 @@ body {
.glass {
background-color: color-mix(in srgb, var(--surface0) 60%, transparent);
backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.05);
border: 1px solid color-mix(in srgb, var(--text) 10%, transparent);
box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5);
border-radius: 1rem;
}