feat: --accent-contrast-color was added
This commit is contained in:
parent
0172b4e8b7
commit
fa19e201e1
@ -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;
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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);
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user