keith/Last-Days-of-Rome
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐞 fix: Update styles

Browse Source
This commit is contained in:
Keith Solomon
2025-08-15 06:49:43 -05:00
parent 597128aa2e
commit 23e98e3696
1 changed files with 37 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
style.css
View File

@@ -17,21 +17,13 @@
}
body {
background-color: var(--background-color-light);
color: var(--text-color-light);
font-family: sans-serif;
text-align: center;
transition: background-color 0.3s, color 0.3s;
}
body[data-theme='light'] {
background-color: var(--background-color-light);
color: var(--text-color-light);
}
body[data-theme='dark'] {
background-color: var(--background-color-dark);
color: var(--text-color-dark);
}
.theme-switcher {
position: absolute;
right: .75rem;
@@ -40,21 +32,12 @@ body[data-theme='dark'] {
#theme-switch {
background: none;
border: 1px solid;
border: 1px solid var(--text-color-light);
color: var(--text-color-light);
cursor: pointer;
padding: .25rem .5rem;
}
body[data-theme='light'] #theme-switch {
border-color: var(--text-color-light);
color: var(--text-color-light);
}
body[data-theme='dark'] #theme-switch {
border-color: var(--text-color-dark);
color: var(--text-color-dark);
}
.container {
margin: auto;
overflow: hidden;
@@ -64,11 +47,10 @@ body[data-theme='dark'] #theme-switch {
h1 { color: var(--h1-color-light); }
body[data-theme='dark'] h1 { color: var(--h1-color-dark); }
.scores {
border: 1px solid;
border: 1px solid var(--text-color-light);
border-left: none;
color: var(--text-color-light);
border-right: none;
display: flex;
justify-content: space-around;
@@ -82,16 +64,6 @@ body[data-theme='dark'] h1 { color: var(--h1-color-dark); }
}
}
body[data-theme='light'] .scores {
border-color: var(--text-color-light);
color: var(--text-color-light);
}
body[data-theme='dark'] .scores {
border-color: var(--text-color-dark);
color: var(--text-color-dark);
}
.actions button {
background-color: var(--button-background-color);
border: none;
@@ -116,25 +88,40 @@ body[data-theme='dark'] .scores {
.log {
margin-top: 1.5rem;
text-align: left;
}
.log ul {
ul {
list-style-type: none;
padding: 0;
}
}
.log li {
li {
background: var(--log-background-color-light);
border-left: 5px solid var(--log-border-color-light);
margin-bottom: .25rem;
padding: .5rem;
transition: background-color 0.3s, border-left-color 0.3s;
}
}
body[data-theme='light'] .log li {
background: var(--log-background-color-light);
border-left: 5px solid var(--log-border-color-light);
}
/* Dark mode styles */
body[data-theme='dark'] {
background-color: var(--background-color-dark);
color: var(--text-color-dark);
body[data-theme='dark'] .log li {
#theme-switch {
border-color: var(--text-color-dark);
color: var(--text-color-dark);
}
h1 { color: var(--h1-color-dark); }
.scores {
border-color: var(--text-color-dark);
color: var(--text-color-dark);
}
.log li {
background: var(--log-background-color-dark);
border-left: 5px solid var(--log-border-color-dark);
}
}