aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 9 Pull Requests 2 Packages Projects Releases Wiki Activity

fix: Dark mode colour variables #21

Merged
aniva merged 3 commits from styling/dark-mode into main 2024-10-17 23:32:53 -07:00
Conversation 0 Commits 3 Files Changed 4 +7 -4
3 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit a8f3f7aad2 - Show all commits

4
src/app.css
View File

@ -37,13 +37,14 @@
--radius: 0.5rem; --radius: 0.5rem;
--shadow: theme('colors.java.800');
--name: theme('colors.java.800'); --name: theme('colors.java.800');
--navlink: theme('colors.eucalyptus.400'); --navlink: theme('colors.eucalyptus.400');
} }
.dark { .dark {
--background: 20 14.3% 4.1%; --background: 20 14.3% 4.1%;
--foreground: 230 9.1% 97.8%; --foreground: 150 9.1% 70%;
--muted: 12 6.5% 15.1%; --muted: 12 6.5% 15.1%;
--muted-foreground: 24 5.4% 63.9%; --muted-foreground: 24 5.4% 63.9%;
@ -70,6 +71,7 @@
--destructive-foreground: 60 9.1% 97.8%; --destructive-foreground: 60 9.1% 97.8%;
--ring: 24 5.7% 82.9%; --ring: 24 5.7% 82.9%;
--shadow: theme('colors.java.100');
--name: theme('colors.java.300'); --name: theme('colors.java.300');
--navlink: theme('colors.eucalyptus.200'); --navlink: theme('colors.eucalyptus.200');
} }

4
src/routes/+page.svelte
View File

@ -138,8 +138,8 @@
width: 100%; width: 100%;
@apply bg-background; @apply bg-background;
@apply dark:bg-gray-800; @apply dark:bg-gray-800;
box-shadow: /*box-shadow:
0px -5px 10px 10px var(--foreground); 0px -5px 5px var(--shadow);*/
} }
#bio { #bio {
max-width: max(50vw, 100vh); max-width: max(50vw, 100vh);

3
src/routes/Footer.svelte
View File

@ -7,6 +7,7 @@
text-align: center; text-align: center;
bottom: 10px; bottom: 10px;
font-size: 12px; font-size: 12px;
color: #888; background-color: var(--background);
color: var(--foreground);
} }
</style> </style>