geoff
/
grayscale
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

integrate accent color option

This commit is contained in:
Geoff Doty 2021-10-23 14:49:10 -04:00
parent e40ac11434
commit b0356bbd33
1 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/grayscale.css
View File

@ -4,6 +4,7 @@
--hSl: 50%;
--hsL: 50%;
--theme: hsl(var(--Hsl), var(--hSl), var(--hsL));
--accent: var(--theme);
--font: Arial, Helvetica, san-serif;
--line: 1.5;
--weight: 400;
@ -95,8 +96,16 @@ th,td {
border-bottom: 1px solid var(--theme);
}
tbody>tr:nth-child(2) {
background: var(--hint);
}
tbody>tr:hover {
background: var(--accent);
}
a {
color: var(--theme);
color: var(--accent);
}
a:hover {
@ -105,7 +114,7 @@ a:hover {
blockquote {
margin: var(--space) 0;
border-left: calc(var(--space) / 2) solid var(--hint);
border-left: calc(var(--space) / 2) solid var(--accent);
color: var(--hint);
background: var(--dark);
padding: var(--space);
@ -127,7 +136,7 @@ pre>code {
}
hr {
color: var(--theme);
color: var(--accent);
border: 1px solid;
}
@ -142,11 +151,11 @@ h1 {
}
h2 {
color: var(--theme);
color: var(--accent);
}
h3 {
border-bottom: 1px solid var(--theme);
border-bottom: 1px solid var(--accent);
}
section {
@ -189,7 +198,7 @@ input:disabled {
}
select:focus,textarea:focus,input:focus {
border: 2px solid var(--theme);
border: 2px solid var(--accent);
}
input[type="checkbox"],input[type="radio"] {