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

🎨 Extract variable for Footer and Search label

This commit is contained in:
Alicia Sykes 2021-06-28 22:39:40 +01:00
parent d71d980c1a
commit 75fd1347ac
3 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/PageStrcture/Footer.vue
View File

@ -36,7 +36,7 @@ footer {
text-align: center; text-align: center;
color: var(--medium-grey); color: var(--medium-grey);
opacity: var(--dimming-factor); opacity: var(--dimming-factor);
background: var(--background-darker); background: var(--footer-background);
margin-top: 1.5rem; margin-top: 1.5rem;
border-top: 1px solid var(--outline-color); border-top: 1px solid var(--outline-color);
@include tablet-down { @include tablet-down {

2
src/components/Settings/SearchBar.vue
View File

@ -83,7 +83,7 @@ export default {
background: var(--search-container-background); background: var(--search-container-background);
label { label {
display: inline; display: inline;
color: var(--settings-text-color); color: var(--search-label-color);
margin: 0.5rem; margin: 0.5rem;
display: inline; display: inline;
} }

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

@ -42,6 +42,7 @@
--nav-link-border-color: transparent; --nav-link-border-color: transparent;
--nav-link-border-color-hover: var(--primary); --nav-link-border-color-hover: var(--primary);
--item-text-color: var(--primary); --item-text-color: var(--primary);
--item-text-color-hover: var(--item-text-color);
--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);
@ -49,8 +50,10 @@
--settings-text-color: var(--primary); --settings-text-color: var(--primary);
--search-container-background: var(--background-darker); --search-container-background: var(--background-darker);
--search-field-background: var(--background); --search-field-background: var(--background);
--search-label-color: var(--settings-text-color);
--footer-text-color: var(--medium-grey); --footer-text-color: var(--medium-grey);
--footer-text-color-link: var(--primary); --footer-text-color-link: var(--primary);
--footer-background: var(--background-darker);
--welcome-popup-background: var(--background-darker); --welcome-popup-background: var(--background-darker);
--welcome-popup-text-color: var(--primary); --welcome-popup-text-color: var(--primary);
--config-code-background: #fff; --config-code-background: #fff;