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

💄 Interactive editor style updates for Material Themes

This commit is contained in:
Alicia Sykes 2021-10-26 22:46:35 +01:00
parent 7cda6651c0
commit 26f464f2b3
1 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -378,6 +378,9 @@ html[data-theme='material'], html[data-theme='material-dark'] {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
.item-wrapper.add-new-item {
flex-grow: inherit;
}
/* Custom layout for medium and large icons */ /* Custom layout for medium and large icons */
.item-wrapper .item:not(.size-small) { .item-wrapper .item:not(.size-small) {
display: flex; display: flex;
@ -520,6 +523,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-background: #fff;
--context-menu-secondary-color: #f5f5f5; --context-menu-secondary-color: #f5f5f5;
--transparent-white-50: #00000080; --transparent-white-50: #00000080;
--status-check-tooltip-background: #fff; --status-check-tooltip-background: #fff;
@ -576,11 +580,6 @@ html[data-theme='material'] {
.item:focus { .item:focus {
outline-color: #4285f4cc; 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'] {
@ -645,6 +644,7 @@ html[data-theme='material-dark'] {
// --minimal-view-search-color: var(--primary); // --minimal-view-search-color: var(--primary);
// --minimal-view-group-color: var(--primary); // --minimal-view-group-color: var(--primary);
--minimal-view-group-background: #131a1f; --minimal-view-group-background: #131a1f;
--context-menu-secondary-color: #131a1f;
div.minimal-section-heading h3, div.minimal-section-heading.selected h3 { div.minimal-section-heading h3, div.minimal-section-heading.selected h3 {
color: #d5d5d5; color: #d5d5d5;
@ -663,13 +663,6 @@ 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'] {