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