tyler.durden
/
dashy
mirror of https://github.com/Lissy93/dashy.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

🎨 Makes vapourwave theme less ugly, fixes cyberpunk contrast ratio

This commit is contained in:
Alicia Sykes 2021-07-12 23:30:11 +01:00
parent 3d4c7118ba
commit 3b38763fdd
1 changed files with 8 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/color-themes.scss
View File

@ -680,13 +680,13 @@ html[data-theme='vaporware'] {
--background-darker: linear-gradient(0deg, rgba(108,39,234,1) 0%, rgba(132,76,235,1) 80%); --background-darker: linear-gradient(0deg, rgba(108,39,234,1) 0%, rgba(132,76,235,1) 80%);
--settings-text-color: #6c27ea; --settings-text-color: #6c27ea;
--item-group-outer-background: #096de6; --item-group-outer-background: #096de6;
--item-group-outer-background: linear-gradient(45deg, rgba(9,109,230,1) 0%, rgba(9,147,230,1) 50%, rgba(9,109,230,1) 100%); --item-group-outer-background: var(--primary);
--item-group-background: #190e2c; --item-group-background: #190e2c;
--item-group-heading-text-color: var(--white); --item-group-heading-text-color: #190e2c;
--item-group-heading-text-color-hover: #5118b9; --item-group-heading-text-color-hover: #5118b9;
--item-text-color: #5118b9; --item-text-color: var(--primary);
--item-background: #09bfe6; --item-background: #1a174d;
--item-background-hover: #9967f6; --item-background-hover: #2b2670;
--footer-text-color: var(--white); --footer-text-color: var(--white);
--item-shadow: none; --item-shadow: none;
--curve-factor: 2px; --curve-factor: 2px;
@ -707,7 +707,7 @@ html[data-theme='vaporware'] {
padding: 0.2rem; padding: 0.2rem;
} }
div.content-inner { div.content-inner {
padding: 0 !important; padding: 0.15rem !important;
} }
a.item { a.item {
margin: 0.1rem; margin: 0.1rem;
@ -737,14 +737,6 @@ html[data-theme='vaporware'] {
footer { footer {
color: var(--white); color: var(--white);
} }
a.item {
background: linear-gradient(45deg, rgba(9,191,230,1) 0%, rgba(9,191,230,1) 80%, rgba(9,203,230,1) 100%);
&:hover {
background: #844ceb;
color: #09bfe6;
}
}
div.login-page { div.login-page {
background: url('https://i.ibb.co/JqcJcGK/vaporwave-sunset-wallpaper.jpg'); background: url('https://i.ibb.co/JqcJcGK/vaporwave-sunset-wallpaper.jpg');
background-size: cover; background-size: cover;
@ -779,5 +771,7 @@ html[data-theme='cyberpunk'] {
--scroll-bar-color: var(--aqua); --scroll-bar-color: var(--aqua);
--scroll-bar-background: var(--teal); --scroll-bar-background: var(--teal);
--footer-background: var(--aqua); --footer-background: var(--aqua);
--welcome-popup-background: var(--pink);
--welcome-popup-text-color: var(--blue);
--font-headings: 'Audiowide', cursive; --font-headings: 'Audiowide', cursive;
} }