tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-23 21:55:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

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

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

13
src/views/Login.vue
View File

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