lotherk/deardiary
1
0
Fork 0
Code Issues 9 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"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<defs> <defs>
<linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%"> <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#8b5cf6;stop-opacity:1" /> <stop offset="0%" style="stop-color:#6d28d9;stop-opacity:1" />
<stop offset="100%" style="stop-color:#6366f1;stop-opacity:1" /> <stop offset="100%" style="stop-color:#4c1d95;stop-opacity:1" />
</linearGradient> </linearGradient>
</defs> </defs>
<rect width="100" height="100" rx="20" fill="url(#grad)"/> <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 */ /* Custom DearDiary styling */
:root[data-theme='light'] { :root[data-theme='light'] {
--sl-color-accent-low: #e9e3ff; --sl-color-accent-low: #ddd6fe;
--sl-color-accent: #7c3aed; --sl-color-accent: #6d28d9;
--sl-color-accent-high: #4c1d95; --sl-color-accent-high: #4c1d95;
--sl-color-white: #1e1b4b; --sl-color-white: #1e293b;
--sl-color-gray-1: #3730a3; --sl-color-gray-1: #334155;
--sl-color-gray-2: #4338ca; --sl-color-gray-2: #475569;
--sl-color-gray-3: #4f46e5; --sl-color-gray-3: #64748b;
--sl-color-gray-4: #6366f1; --sl-color-gray-4: #94a3b8;
--sl-color-gray-5: #818cf8; --sl-color-gray-5: #cbd5e1;
--sl-color-gray-6: #a5b4fc; --sl-color-gray-6: #e2e8f0;
--sl-color-gray-7: #c7d2fe; --sl-color-gray-7: #f1f5f9;
--sl-color-black: #e0e7ff; --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'] { :root[data-theme='dark'] {