fyrfli/jsquotes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

added in a dark theme
All checks were successful
deploy updated site / rsync the directories (push) Successful in 28s
Details

Browse Source
This commit is contained in:
Camille Frantz 2024-11-07 18:49:03 -06:00
parent 7f6ea62f1d
commit 49a0c208c3
Signed by: fyrfli
SSH Key Fingerprint: SHA256:cyNGncrLxKXAgYC96dYNROnQKikLInzrpiMraZdqyhY
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
public/css/styles.css
View File

@ -6,12 +6,13 @@
text-decoration: none; text-decoration: none;
border: none; border: none;
box-sizing: border-box; box-sizing: border-box;
color-scheme: light dark;
} }
body { body {
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
font-size: 16px; font-size: 16px;
background-color: beige; background-color: light_dark(#e6daa6, #0c024d);
color: #0c024d; color: light_dark(#0c024d, #e6daa6);
margin: 2rem auto; margin: 2rem auto;
} }
.header { .header {
@ -26,7 +27,7 @@ body {
width: 80px; width: 80px;
height: 80px; height: 80px;
border-radius: 50%; border-radius: 50%;
box-shadow: 1px 3px 5px lightgrey; box-shadow: 1px 3px 5px light_dark(lightgrey, darkgrey);
} }
.hdr-h1 { .hdr-h1 {
font-size: 2rem; font-size: 2rem;
@ -39,7 +40,7 @@ body {
.quotes { .quotes {
border: 1px solid lightgrey; border: 1px solid lightgrey;
border-radius: 14px; border-radius: 14px;
box-shadow: 1px 3px 5px #d6d6a3; box-shadow: 1px 3px 5px light_dark(#d6d6a3, darkgrey);
padding: 1rem; padding: 1rem;
columns: 300px; columns: 300px;
column-gap: auto; column-gap: auto;
@ -52,7 +53,7 @@ body {
color: beige; color: beige;
border: 1px solid lightgrey; border: 1px solid lightgrey;
border-radius: 14px; border-radius: 14px;
box-shadow: 1px 3px 5px lightgrey; box-shadow: 1px 3px 5px light_dark(lightgrey, darkgrey);
margin: 12px; margin: 12px;
padding: 1rem; padding: 1rem;
max-width: 340px; max-width: 340px;