diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 28 |
1 files changed, 17 insertions, 11 deletions
@@ -1,6 +1,5 @@ :root { - --ui-border: white; - --ui-height: 2.5em; + --color-text: #ddd; } body { @@ -10,7 +9,7 @@ body { body, dialog { background-color: black; - color: white; + color: var(--color-text); } a, a:visited { @@ -69,7 +68,14 @@ h6 { cursor: col-resize; display: flex; justify-content: center; - background: linear-gradient(90deg, #000, #444 30%, #fff 50%, #444 70%, #000); + background: linear-gradient( + 90deg, + #000, + #444 30%, + var(--color-text) 50%, + #444 70%, + #000 + ); } #ui { overflow-x: auto; @@ -82,9 +88,9 @@ h6 { } input, button { - border: 1px solid var(--ui-border); + border: 1px solid var(--color-text); background-color: transparent; - color: white; + color: var(--color-text); } input[type='submit']:hover, button:hover { @@ -131,7 +137,7 @@ input[type='color'] { padding: 0; margin: 0.2em 0.5em; border: 2px solid #000; - outline: 1px solid #fff; + outline: 1px solid var(--color-text); height: 1.3em; width: 1.3em; } @@ -190,7 +196,7 @@ input[type='checkbox'] { } .widget-choice { width: calc(100% - 0.4em); - border: 1px solid white; + border: 1px solid var(--color-text); margin: 0.2em; padding: 0.1em 0; } @@ -201,7 +207,7 @@ input[type='checkbox'] { #widget-choices { margin: 0.2em; padding-bottom: 0.3em; - border-bottom: 2px solid white; + border-bottom: 2px solid var(--color-text); } summary { cursor: pointer; @@ -255,7 +261,7 @@ input[type='number'] { #guide-sidebar { flex: 1; - border-right: 2px solid white; + border-right: 2px solid var(--color-text); height: 100vh; background: #333; overflow: auto; @@ -309,7 +315,7 @@ table { td, th { - border: 2px solid white; + border: 2px solid var(--color-text); margin: 0; padding: 0.2em; } |