lotherk/deardiary
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: improve light theme visibility and contrast

Browse Source
This commit is contained in:
lotherk
2026-03-27 02:32:34 +00:00
parent 906e4d6201
commit ad5772485f
2 changed files with 19 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/src/assets/logo-light.svg
View File

@@ -1,8 +1,8 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6366f1;stop-opacity:1" />
<stop offset="0%" style="stop-color:#6d28d9;stop-opacity:1" />
<stop offset="100%" style="stop-color:#4c1d95;stop-opacity:1" />
</linearGradient>
</defs>
<rect width="100" height="100" rx="20" fill="url(#grad)"/>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 897 B

After

Width:  |  Height:  |  Size: 897 B

28
docs/src/styles/custom.css
View File

@@ -1,17 +1,23 @@
/* Custom DearDiary styling */
:root[data-theme='light'] {
--sl-color-accent-low: #e9e3ff;
--sl-color-accent: #7c3aed;
--sl-color-accent-low: #ddd6fe;
--sl-color-accent: #6d28d9;
--sl-color-accent-high: #4c1d95;
--sl-color-white: #1e1b4b;
--sl-color-gray-1: #3730a3;
--sl-color-gray-2: #4338ca;
--sl-color-gray-3: #4f46e5;
--sl-color-gray-4: #6366f1;
--sl-color-gray-5: #818cf8;
--sl-color-gray-6: #a5b4fc;
--sl-color-gray-7: #c7d2fe;
--sl-color-black: #e0e7ff;
--sl-color-white: #1e293b;
--sl-color-gray-1: #334155;
--sl-color-gray-2: #475569;
--sl-color-gray-3: #64748b;
--sl-color-gray-4: #94a3b8;
--sl-color-gray-5: #cbd5e1;
--sl-color-gray-6: #e2e8f0;
--sl-color-gray-7: #f1f5f9;
--sl-color-black: #ffffff;
--sl-color-bg: #ffffff;
--sl-color-bg-nav: #f8fafc;
--sl-color-hairline: #e2e8f0;
--sl-color-hairline-light: #f1f5f9;
--sl-color-hairline-shade: #cbd5e1;
--sl-color-bg-slash: #f1f5f9;
}
:root[data-theme='dark'] {