tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-23 13:45:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

💄 Ensures context menu looks good across all themes

Browse Source
This commit is contained in:
Alicia Sykes 2021-06-25 13:28:01 +01:00
parent 26f3469de9
commit 8a5656df0c
1 changed files with 55 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -88,9 +88,13 @@ html[data-theme='matrix'] {
--font-body: 'Cutive Mono', monospace; --font-body: 'Cutive Mono', monospace;
--font-headings: 'VT323', monospace; --font-headings: 'VT323', monospace;
--about-page-background: var(--background); --about-page-background: var(--background);
--context-menu-secondary-color: var(--primary);
.prism-editor-wrapper.my-editor { .prism-editor-wrapper.my-editor {
border: 1px solid var(--primary); border: 1px solid var(--primary);
} }
div.context-menu ul li:hover {
color: var(--background);
}
} }
html[data-theme='hacker-girl'] { html[data-theme='hacker-girl'] {
@ -183,6 +187,12 @@ html[data-theme='material-original'] {
--about-page-accent: #000; --about-page-accent: #000;
--about-page-color: var(--background-darker); --about-page-color: var(--background-darker);
--about-page-background: var(--background); --about-page-background: var(--background);
--context-menu-background: var(--white);
--context-menu-secondary-color: var(--white);
div.context-menu ul li:hover {
background: var(--primary);
color: var(--white);
}
} }
html[data-theme='material-dark-original'] { html[data-theme='material-dark-original'] {
@ -221,6 +231,13 @@ html[data-theme='material-dark-original'] {
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
border-left: 1px solid #131a1f; border-left: 1px solid #131a1f;
} }
div.context-menu {
border: none;
background: #131a1f;
ul li:hover {
background: #333c43;
}
}
} }
html[data-theme='colorful'] { html[data-theme='colorful'] {
@ -233,14 +250,14 @@ html[data-theme='colorful'] {
--item-group-outer-background: #05070e; --item-group-outer-background: #05070e;
--item-group-heading-text-color: #e8eae1; --item-group-heading-text-color: #e8eae1;
--item-group-heading-text-color-hover: #fff; --item-group-heading-text-color-hover: #fff;
.item:nth-child(1n) { color: #eb5cad; border: 1px solid #eb5cad; } .item-wrapper:nth-child(1n) { .item { color: #eb5cad; border: 1px solid #eb5cad; } }
.item:nth-child(2n) { color: #985ceb; border: 1px solid #985ceb; } .item-wrapper:nth-child(2n) { .item { color: #985ceb; border: 1px solid #985ceb; } }
.item:nth-child(3n) { color: #5c90eb; border: 1px solid #5c90eb; } .item-wrapper:nth-child(3n) { .item { color: #5c90eb; border: 1px solid #5c90eb; } }
.item:nth-child(4n) { color: #5cdfeb; border: 1px solid #5cdfeb; } .item-wrapper:nth-child(4n) { .item { color: #5cdfeb; border: 1px solid #5cdfeb; } }
.item:nth-child(5n) { color: #5ceb8d; border: 1px solid #5ceb8d; } .item-wrapper:nth-child(5n) { .item { color: #5ceb8d; border: 1px solid #5ceb8d; } }
.item:nth-child(6n) { color: #afeb5c; border: 1px solid #afeb5c; } .item-wrapper:nth-child(6n) { .item { color: #afeb5c; border: 1px solid #afeb5c; } }
.item:nth-child(7n) { color: #ebb75c; border: 1px solid #ebb75c; } .item-wrapper:nth-child(7n) { .item { color: #ebb75c; border: 1px solid #ebb75c; } }
.item:nth-child(8n) { color: #eb615c; border: 1px solid #eb615c; } .item-wrapper:nth-child(8n) { .item { color: #eb615c; border: 1px solid #eb615c; } }
.item:hover, .item:focus { .item:hover, .item:focus {
opacity: 0.85; opacity: 0.85;
outline: none; outline: none;
@ -252,11 +269,19 @@ html[data-theme='colorful'] {
h1, h2, h3, h4 { h1, h2, h3, h4 {
font-weight: normal; font-weight: normal;
} }
div.context-menu {
border-color: var(--primary);
}
} }
html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-theme='vaporware'] { html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-theme='vaporware'] {
--font-body: 'PTMono-Regular', 'Courier New', monospace; --font-body: 'PTMono-Regular', 'Courier New', monospace;
--font-headings: 'PTMono-Regular', 'Courier New', monospace; --font-headings: 'PTMono-Regular', 'Courier New', monospace;
--footer-height: 94px;
.item.size-medium .tile-title {
max-width: 100px;
}
label.lbl-toggle h3 { label.lbl-toggle h3 {
font-size: 1.8rem; font-size: 1.8rem;
@ -448,6 +473,7 @@ html[data-theme='material'] {
--welcome-popup-text-color: #f5f5f5; --welcome-popup-text-color: #f5f5f5;
--footer-text-color: #f5f5f5cc; --footer-text-color: #f5f5f5cc;
// --login-form-background-secondary: #f5f5f5cc; // --login-form-background-secondary: #f5f5f5cc;
--context-menu-secondary-color: #f5f5f5;
header { header {
background: #4285f4; background: #4285f4;
@ -466,6 +492,14 @@ html[data-theme='material'] {
.prism-editor-wrapper { .prism-editor-wrapper {
background: #f5f5f5; background: #f5f5f5;
} }
.item:focus {
outline-color: #4285f4cc;
}
div.context-menu {
border: none;
background: var(--white);
ul li:hover { svg path { fill: var(--background-darker); }}
}
} }
html[data-theme='material-dark'] { html[data-theme='material-dark'] {
@ -520,6 +554,13 @@ html[data-theme='material-dark'] {
background: #131a1f !important; background: #131a1f !important;
} }
} }
div.context-menu {
border: none;
background: var(--background);
ul li:hover {
background: #131a1f;
}
}
} }
html[data-theme='minimal-light'] { html[data-theme='minimal-light'] {
@ -546,7 +587,8 @@ html[data-theme='minimal-light'] {
--login-form-color: #101931; --login-form-color: #101931;
--about-page-background: var(--background); --about-page-background: var(--background);
--about-page-color: var(--background-darker); --about-page-color: var(--background-darker);
--context-menu-color: var(--background-darker);
--context-menu-secondary-color: var(--primary);
section.filter-container { section.filter-container {
background: #fff; background: #fff;
border-bottom: 1px dashed #00000038; border-bottom: 1px dashed #00000038;
@ -591,6 +633,10 @@ html[data-theme='minimal-dark'] {
border: 1px solid #fff; border: 1px solid #fff;
} }
} }
div.context-menu {
border-color: var(--primary);
}
} }
html[data-theme='vaporware'] { html[data-theme='vaporware'] {