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

🐛 Ammends color variables for login page, Re: #50

This commit is contained in:
Alicia Sykes 2021-06-22 14:41:17 +01:00
parent 1ddabcde8d
commit be4621d76f
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -178,6 +178,7 @@ html[data-theme='material-original'] {
--heading-text-color: #fff;
--status-check-tooltip-background: #f2f2f2;
--status-check-tooltip-color: #01579b;
--login-form-background: #fff;
}
html[data-theme='material-dark-original'] {
@ -250,7 +251,7 @@ html[data-theme='colorful'] {
}
}
html[data-theme='minimal-light'], html[data-theme='minimal-dark'] {
html[data-theme='minimal-light'], html[data-theme='minimal-dark'], html[data-theme='vaporware'] {
--font-body: 'PTMono-Regular', 'Courier New', monospace;
--font-headings: 'PTMono-Regular', 'Courier New', monospace;
label.lbl-toggle h3 {
@ -443,6 +444,7 @@ html[data-theme='material'] {
--search-container-background: #4285f4;
--welcome-popup-text-color: #f5f5f5;
--footer-text-color: #f5f5f5cc;
// --login-form-background-secondary: #f5f5f5cc;
header {
background: #4285f4;
@ -504,6 +506,8 @@ html[data-theme='material-dark'] {
--scroll-bar-color: #08B0BB;
--scroll-bar-background: #131a1f;
--status-check-tooltip-color: #131a1f;
// --login-form-color: #131a1f;
--login-form-background-secondary: #131a1f;
&::-webkit-scrollbar-thumb {
border-left: 1px solid #131a1f;
@ -536,6 +540,7 @@ html[data-theme='minimal-light'] {
--curve-factor-navbar: 8px;
--status-check-tooltip-background: #f2f2f2;
--status-check-tooltip-color: #000;
--login-form-color: #101931;
section.filter-container {
background: #fff;
@ -579,4 +584,4 @@ html[data-theme='minimal-dark'] {
border: 1px solid #fff;
}
}
}
}

13
src/views/Login.vue
View File

@ -93,19 +93,20 @@ export default {
.login-field input {
color: var(--login-form-color);
border-color: var(--login-form-background-secondary);
background: var(--login-form-background-secondary);
border-color: var(--login-form-color);
background: var(--login-form-background);
&:focus {
}
}
Button.login-button {
background: var(--login-form-background-secondary);
border-color: var(--login-form-background-secondary);
background: var(--login-form-color);
border-color: var(--login-form-background);
color: var(--login-form-background);
&:hover {
color: var(--login-form-color);
border-color: var(--login-form-color);
color: var(--login-form-background-secondary);
background: var(--login-form-color);
background: var(--login-form-background);
}
&:active, &:focus {
box-shadow: 1px 1px 6px var(--login-form-color);