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

fixed theming issues

Browse Source
This commit is contained in:
Nils Pukropp
2026-03-26 00:26:07 +01:00
parent 6ba897d27f
commit 798552d16f
5 changed files with 84 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -66,10 +66,10 @@
}
.latte {
--crust: #dce0e8; --mantle: #e6e9ef; --base: #eff1f5;
--surface0: #ccd0da; --surface1: #bcc0cc; --surface2: #acb0be;
--crust: #e6e9ef; --mantle: #dce0e8; --base: #eff1f5;
--surface0: #e6e9ef; --surface1: #bcc0cc; --surface2: #acb0be;
--overlay0: #9ca0b0; --overlay1: #8c8fa1; --overlay2: #7c7f93;
--text: #4c4f69; --subtext0: #5c5f77; --subtext1: #6c6f85;
--text: #1e1e2e; --subtext0: #4c4f69; --subtext1: #5c5f77;
--blue: #1e66f5; --lavender: #7287fd; --sapphire: #209fb5;
--sky: #04a5e5; --teal: #179299; --green: #40a02b;
--yellow: #df8e1d; --peach: #fe640b; --maroon: #e64553;
@@ -84,6 +84,24 @@ body {
transition: background-color 0.3s ease, color 0.3s ease;
}
/* Dynamic CodeMirror Theme */
.cm-s-narlblog.CodeMirror {
background: var(--crust);
color: var(--text);
border: 1px solid var(--surface1);
}
.cm-s-narlblog .cm-header { color: var(--mauve); font-weight: bold; }
.cm-s-narlblog .cm-string { color: var(--green); }
.cm-s-narlblog .cm-link { color: var(--blue); text-decoration: underline; }
.cm-s-narlblog .cm-url { color: var(--sky); }
.cm-s-narlblog .cm-comment { color: var(--subtext0); font-style: italic; }
.cm-s-narlblog .cm-quote { color: var(--peach); }
.cm-s-narlblog .CodeMirror-cursor { border-left-color: var(--text); }
.cm-s-narlblog.cm-fat-cursor .CodeMirror-cursor { background: var(--text); }
.cm-s-narlblog .CodeMirror-selected { background: var(--surface2); }
.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); }
/* Typography styles for Markdown */
.prose h1 { @apply text-3xl md:text-4xl font-bold mb-4 md:mb-6 text-mauve; }
.prose h2 { @apply text-2xl md:text-3xl font-semibold mb-3 md:mb-4 mt-6 md:mt-8 text-lavender; }