josh/dashy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Wrote a ton of color themes

Browse Source
This commit is contained in:
Alicia Sykes
2021-04-15 19:30:30 +01:00
parent 8b3d3cab88
commit 7f3e8dd818
17 changed files with 209 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
src/styles/color-palette.scss
View File

@@ -19,46 +19,18 @@
--curve-factor: 5px;
--curve-factor-navbar: 16px;
--dimming-factor: 0.8;
}
html[data-theme='hacker-red'] {
--background: #000;
--background-darker: #000;
--primary: red;
--outline-color: red;
--curve-factor: 0px;
}
/* Settings for specific components */
--item-group-padding: 5px;
--item-shadow: 1px 1px 2px #130f23;
--item-group-shadow: var(--item-shadow);
--item-hover-shadow: 1px 2px 4px #373737;
--item-icon-transform: drop-shadow(2px 4px 6px var(--transparent-50)) saturate(0.65);
--item-icon-transform-hover: drop-shadow(4px 8px 3px var(--transparent-50)) saturate(2);
html[data-theme='hacker-green'] {
--background: #000;
--background-darker: #000;
--primary: #2bca2b;
--outline-color: #2bca2b;
--curve-factor: 0px;
--item-background: #607d8b33;
--item-background-hover: #607d8b4d;
--settings-text-color: var(--primary);
--settings-background: var(--background);
--search-container-background: var(--background-darker);
}
html[data-theme='hacker-pink'] {
--background: #000;
--background-darker: #000;
--primary: #e435f1;
--outline-color: #e435f1;
--curve-factor: 0px;
}
html[data-theme='high-contrast-light'] {
--background: #fff;
--background-darker: #fff;
--item-group-background: #fff;
--primary: #000;
--outline-color: #000;
--curve-factor: 0px;
}
html[data-theme='high-contrast-dark'] {
--background: #000;
--background-darker: #000;
--item-group-background: #000;
--primary: #fff;
--outline-color: #fff;
--curve-factor: 0px;
}