aljaz/Journal-ghost
1
0
Fork 0
mirror of https://github.com/aljazceru/Journal-ghost.git synced 2025-12-18 13:44:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

changing to dark theme

Browse Source
This commit is contained in:
Aljaz Ceru
2025-08-14 15:25:54 +02:00
parent f0ebf038f0
commit af3b105470
3 changed files with 88 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/built/screen.css
View File

File diff suppressed because one or more lines are too long

2
assets/built/screen.css.map
View File

File diff suppressed because one or more lines are too long

88
assets/css/screen.css
View File

@@ -4,9 +4,93 @@
:root {
--font-sans: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif; /* stylelint-disable-line value-keyword-case */
--font-serif: Lora, Times, serif; /* stylelint-disable-line value-keyword-case */
--color-primary-text: var(--color-black);
--color-darker-gray: var(--color-black);
--head-nav-gap: 3.2rem;
/* Dark Theme Colors */
--color-black: #f0f0f0;
--color-white: #1a1a1a;
--color-primary-text: #f0f0f0;
--color-secondary-text: #b3b3b3;
--color-darker-gray: #f0f0f0;
--color-dark-gray: #e0e0e0;
--color-mid-gray: #4a4a4a;
--color-light-gray: #333333;
--color-lighter-gray: #2a2a2a;
--color-wash: #1f1f1f;
--color-border: #333333;
/* Background colors */
--background-color: #1a1a1a;
--surface-color: #1f1f1f;
--card-background: #222222;
/* Keep accent color vibrant for dark theme */
--ghost-accent-color: #0099ff;
}
/* Dark theme base styles */
body {
background-color: var(--color-white);
color: var(--color-primary-text);
}
.gh-site {
background-color: var(--color-white);
}
/* Card and content backgrounds */
.gh-card {
background-color: transparent;
}
.gh-head {
background-color: var(--color-white);
border-bottom-color: var(--color-border);
}
.gh-foot {
background-color: var(--surface-color);
border-top-color: var(--color-border);
}
/* Input and form styles */
.gh-subscribe-input,
.gh-signup .gh-subscribe-input {
background-color: var(--surface-color);
border-color: var(--color-border);
color: var(--color-primary-text);
}
.gh-subscribe-input:hover {
border-color: var(--color-mid-gray);
}
/* Button styles */
.gh-loadmore {
background-color: transparent;
color: var(--color-primary-text);
border-color: var(--color-border);
}
.gh-loadmore:hover {
border-color: var(--color-mid-gray);
}
/* Topic tags */
.gh-topic-count {
background-color: transparent;
border-color: var(--color-border);
color: var(--color-secondary-text);
}
/* Ensure subscribe section has proper contrast */
.gh-subscribe {
background-color: var(--ghost-accent-color);
}
.gh-subscribe-title,
.gh-subscribe-description {
color: #ffffff;
}
.tag-template .gh-main,