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

🎨 Updates color vars for Material theme (#744) -m Fixes #744

Browse Source
This commit is contained in:
Alicia Sykes 2022-06-21 21:09:50 +01:00
parent 2ef5b66e9e
commit 4172512e88
1 changed files with 24 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -698,7 +698,10 @@ html[data-theme='material'], html[data-theme='material-dark'] {
html[data-theme='material'] { html[data-theme='material'] {
--primary: #363636; --primary: #363636;
--background: #eee; --background: #eee;
--background-darker: #5c90eb; --white2: #f5f5f5;
--grey2: #473f3f;
--background-darker: #4285f4;
--background-darker2: #0c4eba;
--item-group-outer-background: none; --item-group-outer-background: none;
--item-group-shadow: none; --item-group-shadow: none;
--item-group-background: none; --item-group-background: none;
@ -709,31 +712,31 @@ html[data-theme='material'] {
--item-text-color: var(--primary); --item-text-color: var(--primary);
--item-group-heading-text-color-hover: var(--primary); --item-group-heading-text-color-hover: var(--primary);
--item-icon-transform-hover: none; --item-icon-transform-hover: none;
--nav-link-background-color: #0c4eba; --nav-link-background-color: var(--background-darker2);
--nav-link-text-color: var(--white); --nav-link-text-color: var(--white);
--nav-link-border-color: #0c4eba; --nav-link-border-color: var(--background-darker2);
--settings-text-color: var(--primary); --settings-text-color: var(--primary);
--config-code-color: var(--primary); --config-code-color: var(--primary);
--config-settings-background: #f5f5f5; --config-settings-background: var(--white2);
--config-settings-color: #473f3f; --config-settings-color: var(--grey2);
--interactive-editor-color: #473f3f; --interactive-editor-color: var(--grey2);
--interactive-editor-background: #f5f5f5; --interactive-editor-background: var(--white2);
--interactive-editor-background-darker: var(--white); --interactive-editor-background-darker: var(--white);
--heading-text-color: var(--white); --heading-text-color: var(--white);
--curve-factor: 3px; --curve-factor: 3px;
--curve-factor-navbar: 8px; --curve-factor-navbar: 8px;
--search-container-background: #4285f4; --search-container-background: var(--background-darker);
--welcome-popup-text-color: #f5f5f5; --welcome-popup-text-color: var(--white2);
--footer-text-color: #f5f5f5cc; --footer-text-color: var(--white2);
// --login-form-background-secondary: #f5f5f5cc; // --login-form-background-secondary: var(--white2);
--context-menu-background: var(--white); --context-menu-background: var(--white);
--context-menu-secondary-color: #f5f5f5; --context-menu-secondary-color: var(--white2);
--transparent-white-50: #00000080; --transparent-white-50: #00000080;
--status-check-tooltip-background: var(--white); --status-check-tooltip-background: var(--white);
--description-tooltip-background: var(--white); --description-tooltip-background: var(--white);
--description-tooltip-color: #473f3f; --description-tooltip-color: var(--grey2);
--side-bar-background-lighter: #0c4eba; --side-bar-background-lighter: var(--background-darker2);
--side-bar-item-background: #f5f5f5; --side-bar-item-background: var(--white2);
--minimal-view-background-color: var(--background); --minimal-view-background-color: var(--background);
--minimal-view-title-color: var(--background-darker); --minimal-view-title-color: var(--background-darker);
@ -757,19 +760,15 @@ html[data-theme='material'] {
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
} }
div.minimal-section-heading.selected { div.minimal-section-heading.selected {
background: #5c90eb; background: var(--background-darker);
}
div.minimal-section-inner {
background: #ffffff80;
} }
div.jsoneditor div.jsoneditor-menu { div.jsoneditor div.jsoneditor-menu {
background: #5c90eb !important; background: var(--background-darker) !important;
} }
header { header {
background: #4285f4; color: var(--primary);
color: var(--white);
.page-titles span.subtitle { .page-titles span.subtitle {
text-shadow: none; text-shadow: none;
} }
@ -782,13 +781,13 @@ html[data-theme='material'] {
color: var(--white); color: var(--white);
} }
.prism-editor-wrapper { .prism-editor-wrapper {
background: #f5f5f5; background: var(--white2);
} }
.item:focus { .item:focus {
outline-color: #4285f4cc; outline-color: var(--background-darker);
} }
.widget-base { .widget-base {
background: #f5f5f5; background: var(--white2);
box-shadow: var(--item-shadow); box-shadow: var(--item-shadow);
padding: 0.5rem; padding: 0.5rem;
margin: 0.25rem 0; margin: 0.25rem 0;