change gray, and blockquote
This commit is contained in:
parent
13bc55d227
commit
6d416ba76e
|
@ -15,7 +15,7 @@
|
||||||
[data-theme="light"],:root:not([data-theme="dark"]) {
|
[data-theme="light"],:root:not([data-theme="dark"]) {
|
||||||
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
||||||
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
||||||
--gray: hsl(var(--Hsl), 15%, 75%);
|
--gray: hsl(var(--Hsl), 25%, 75%);
|
||||||
--hint: hsl(var(--Hsl), 35%, 70%);
|
--hint: hsl(var(--Hsl), 35%, 70%);
|
||||||
--bg: hsl(var(--Hsl), 0%, 95%);
|
--bg: hsl(var(--Hsl), 0%, 95%);
|
||||||
--fg: hsl(var(--Hsl), 0%, 5%);
|
--fg: hsl(var(--Hsl), 0%, 5%);
|
||||||
|
@ -24,7 +24,7 @@
|
||||||
[data-theme="dark"] {
|
[data-theme="dark"] {
|
||||||
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
--light: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) - 35%));
|
||||||
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
--dark: hsl(var(--Hsl), var(--hSl), calc(var(--hsL) + 35%));
|
||||||
--gray: hsl(var(--Hsl), 15%, 15%);
|
--gray: hsl(var(--Hsl), 25%, 25%);
|
||||||
--hint: hsl(var(--Hsl), 35%, 30%);
|
--hint: hsl(var(--Hsl), 35%, 30%);
|
||||||
--bg: hsl(var(--Hsl), 50%, 5%);
|
--bg: hsl(var(--Hsl), 50%, 5%);
|
||||||
--fg: hsl(var(--Hsl), 20%, 90%);
|
--fg: hsl(var(--Hsl), 20%, 90%);
|
||||||
|
@ -105,9 +105,9 @@ a:hover {
|
||||||
|
|
||||||
blockquote {
|
blockquote {
|
||||||
margin: var(--space) 0;
|
margin: var(--space) 0;
|
||||||
border-left: calc(var(--space) / 2) solid var(--dark);
|
border-left: calc(var(--space) / 2) solid var(--hint);
|
||||||
background: hsl(var(--Hsl) var(--hSl) var(--hsL));
|
color: var(--dark);
|
||||||
color: var(--bg);
|
background: var(--dark);
|
||||||
padding: var(--space);
|
padding: var(--space);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue