moris/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ダークモードをlight-dark関数で置き換え

Browse source
This commit is contained in:
moris 2025-02-28 21:09:35 +09:00
parent 11a342c54a
commit 25d8591816
2 changed files with 26 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/routes/code/[slug]/app.css
View file

@ -2,23 +2,17 @@
height: 100%;
background-color: var(--white-black);
--back-color: white; /*rgb(240 238 245)*/
--head-color: rgb(245, 245, 245); /*rgb(244 243 250)*/
--back-color: light-dark(white, rgb(43 48 55));
--head-color: light-dark(#f5f5f5, rgb(58 60 66));
--divider-color: rgb(220 220 220);
--border-color: #bbb;
--shadow-color: #0009;
--white-black: #fff;
--font-color: #222;
--border-color: light-dark(#bbb, #222);
--shadow-color: light-dark(#0009, #000);
--white-black: light-dark(#fff, #000);
--font-color: light-dark(#222, #f5f5f5);
@media(prefers-color-scheme: dark){
--back-color: rgb(43 48 55);
--head-color: rgb(58 60 66);
--divider-color: #222;
--border-color: #555;
--shadow-color: #000;
--white-black: #000;
--font-color: #f5f5f5;
}
color-scheme: light dark;
&.light {color-scheme: light;}
&.dark {color-scheme: dark;}
}
body {