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

💄 Improved styling variables for config editor

This commit is contained in:
Alicia Sykes 2021-10-29 23:03:58 +01:00
parent fb13f84c0e
commit 160f72e32a
2 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,18 +48,23 @@
--item-group-outer-background: var(--primary); --item-group-outer-background: var(--primary);
--item-group-heading-text-color: var(--item-group-background); --item-group-heading-text-color: var(--item-group-background);
--item-group-heading-text-color-hover: var(--background); --item-group-heading-text-color-hover: var(--background);
// Settings and config // Homepage settings
--settings-background: var(--background);
--settings-text-color: var(--primary); --settings-text-color: var(--primary);
--config-code-background: #fff; --settings-background: var(--background);
--config-code-color: var(--background); // Config menu
--config-settings-color: var(--primary); --config-settings-color: var(--primary);
--config-settings-background: var(--background-darker); --config-settings-background: var(--background-darker);
--config-code-color: var(--background);
--config-code-background: #fff;
--code-editor-color: var(--black); --code-editor-color: var(--black);
--code-editor-background: var(--white); --code-editor-background: var(--white);
// Interactive editor
--interactive-editor-color: var(--primary); --interactive-editor-color: var(--primary);
--interactive-editor-background: var(--background); --interactive-editor-background: var(--background);
--interactive-editor-background-darker: var(--background-darker); --interactive-editor-background-darker: var(--background-darker);
// Cloud backup/ restore menu
--cloud-backup-color: var(--config-settings-color);
--cloud-backup-background: var(--config-settings-background);
// Search bar (on homepage) // Search bar (on homepage)
--search-container-background: var(--background-darker); --search-container-background: var(--background-darker);
--search-field-background: var(--background); --search-field-background: var(--background);

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

@ -378,9 +378,6 @@ 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;
@ -416,6 +413,13 @@ html[data-theme='material'], html[data-theme='material-dark'] {
} }
} }
} }
.item-wrapper.add-new-item {
flex-grow: inherit;
}
.add-new-item a {
flex-grow: inherit;
flex-basis: inherit;
}
.tooltip.item-description-tooltip:not(.tooltip-is-small) { .tooltip.item-description-tooltip:not(.tooltip-is-small) {
display: none !important; display: none !important;
} }