feat: --accent-contrast-color was added

This commit is contained in:
Mirus 2024-07-31 14:08:24 +03:00
parent 0172b4e8b7
commit fa19e201e1
4 changed files with 5 additions and 4 deletions

View File

@ -18,7 +18,7 @@ a.button {
border-radius: 8; border-radius: 8;
border: 1px solid var(--accent); border: 1px solid var(--accent);
background: var(--accent); background: var(--accent);
color: var(--background); color: var(--accent-contrast-color);
font: inherit; font: inherit;
font-weight: bold; font-weight: bold;
appearance: none; appearance: none;

View File

@ -3,6 +3,6 @@
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
background: var(--accent); background: var(--accent);
color: black; color: color-mix(in srgb, var(--accent), var(--accent-contrast-color) 90%);;
padding: 5px 10px; padding: 5px 10px;
} }

View File

@ -110,7 +110,7 @@ figure {
padding: 5px 10px; padding: 5px 10px;
margin-top: 5px; margin-top: 5px;
background: var(--accent); background: var(--accent);
color: var(--background); color: var(--accent-contrast-color);
/* opacity: .8; */ /* opacity: .8; */
&.left { &.left {
@ -291,7 +291,7 @@ ol {
mark { mark {
background: var(--accent); background: var(--accent);
color: var(--background); color: var(--accent-contrast-color);
} }
.container { .container {

View File

@ -1,6 +1,7 @@
:root { :root {
/* COLOR VARIABLES */ /* COLOR VARIABLES */
--background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%); --background: color-mix(in srgb, var(--accent) 2%, #1D1E28 98%);
--accent-contrast-color: black;
--color: white; --color: white;
--border-color: rgba(255, 255, 255, .1); --border-color: rgba(255, 255, 255, .1);