diff --git a/src/parts/_base.css b/src/parts/_base.css index 1a9dc0f..ea40f4f 100644 --- a/src/parts/_base.css +++ b/src/parts/_base.css @@ -7,7 +7,7 @@ body { padding: 0 10px; color: var(--text-main); - background: var(--background); + background: var(--background-body); text-rendering: optimizeLegibility; } diff --git a/src/parts/_code.css b/src/parts/_code.css index 33cb1db..920041a 100644 --- a/src/parts/_code.css +++ b/src/parts/_code.css @@ -1,6 +1,6 @@ code, kbd { - background: var(--background-alt); + background: var(--background); color: var(--code); padding: 2.5px 5px; border-radius: 6px; diff --git a/src/parts/_forms.css b/src/parts/_forms.css index 4dacf3a..8d95be2 100644 --- a/src/parts/_forms.css +++ b/src/parts/_forms.css @@ -10,9 +10,12 @@ select { display: block; } -input, select, button, textarea { +input, +select, +button, +textarea { color: var(--form-text); - background-color: var(--background-alt); + background-color: var(--background); font-family: inherit; font-size: inherit; @@ -27,7 +30,9 @@ input, select, button, textarea { } input:not([type='checkbox']):not([type='radio']), -select, button, textarea { +select, +button, +textarea { -webkit-appearance: none; } @@ -38,7 +43,9 @@ textarea { resize: vertical; } -button, input[type='submit'], input[type='button'] { +button, +input[type='submit'], +input[type='button'] { padding-right: 30px; padding-left: 30px; } @@ -69,9 +76,9 @@ select:disabled, button:disabled, textarea:disabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } ::placeholder { color: var(--form-placeholder); -} \ No newline at end of file +} diff --git a/src/parts/_misc.css b/src/parts/_misc.css index e97ff0a..72c6698 100644 --- a/src/parts/_misc.css +++ b/src/parts/_misc.css @@ -14,7 +14,8 @@ table { width: 100%; } -td, th { +td, +th { padding: 6px; text-align: left; } @@ -33,7 +34,7 @@ tbody tr:nth-child(even) { } ::-webkit-scrollbar-track { - background: var(--background-alt); + background: var(--background); border-radius: 6px; } @@ -48,4 +49,4 @@ tbody tr:nth-child(even) { ::selection { background-color: var(--selection); -} \ No newline at end of file +} diff --git a/src/variables-dark.css b/src/variables-dark.css index f9dab09..8ee554b 100755 --- a/src/variables-dark.css +++ b/src/variables-dark.css @@ -1,6 +1,7 @@ :root { - --background: #202b38; - --background-alt: #161f27; + --background-body: #202b38; + --background: #161f27; + --background-alt: #1a242f; --selection: #161f27; diff --git a/src/variables-light.css b/src/variables-light.css index 53615be..8bf136d 100755 --- a/src/variables-light.css +++ b/src/variables-light.css @@ -1,6 +1,7 @@ :root { - --background: #ffffff; - --background-alt: #efefef; + --background-body: #ffffff; + --background: #efefef; + --background-alt: #f7f7f7; --selection: #9e9e9e;