IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

changed som variables to values so it's the same for dark and light theme, added special styling for login text, link and input (#12196)

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-06-07 20:03:58 +02:00 committed by Torkel Ödegaard
parent 7d508df1b4
commit 77403b0dc1
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
public/sass/pages/_login.scss
View File

@ -13,6 +13,13 @@ $login-border: #8daac5;
justify-content: center; justify-content: center;
background-image: url(../img/heatmap_bg_test.svg); background-image: url(../img/heatmap_bg_test.svg);
background-size: cover; background-size: cover;
color: #d8d9da;
& a {
color: #d8d9da !important;
}
& .btn-primary {
@include buttonBackground(#ff6600, #bc3e06);
}
} }
input:-webkit-autofill, input:-webkit-autofill,
@ -25,8 +32,9 @@ textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill,
select:-webkit-autofill:hover, select:-webkit-autofill:hover,
select:-webkit-autofill:focus { select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px $black inset; -webkit-box-shadow: 0 0 0px 1000px $black inset !important;
-webkit-text-fill-color: $gray-7 !important; -webkit-text-fill-color: #fbfbfb !important;
box-shadow: 0 0 0px 1000px $black inset;
} }
.login-form-group { .login-form-group {
@ -46,6 +54,8 @@ select:-webkit-autofill:focus {
border: 1px solid $login-border; border: 1px solid $login-border;
border-radius: 4px; border-radius: 4px;
opacity: 0.6; opacity: 0.6;
background: $black;
color: #fbfbfb;
&:focus { &:focus {
border: 1px solid $login-border; border: 1px solid $login-border;
@ -103,7 +113,7 @@ select:-webkit-autofill:focus {
} }
.icon-gf-grafana_wordmark { .icon-gf-grafana_wordmark {
color: $link-color; color: darken($white, 11%);
position: relative; position: relative;
font-size: 2rem; font-size: 2rem;
text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);