diff --git a/default-dark/default-dark-variables.scss b/default-dark/default-dark-variables.scss index bd16194..75647e0 100644 --- a/default-dark/default-dark-variables.scss +++ b/default-dark/default-dark-variables.scss @@ -45,6 +45,7 @@ $link-focus-color: #49a8e8; // Forms $forms-text-color: #555555; $forms-background-color: #ffffff; +$forms-placeholder-color: rgba($forms-text-color, 0.6); // Vue.js tree @@ -54,7 +55,9 @@ $tree-background-selected-color: #606060; // Django autocomplete light +$dal-result-focus-text-color: $text-color; $dal-result-focus-background-color: #5897fb; +$dal-result-selected-text-color: $text-color; $dal-result-selected-background-color: #dddddd; diff --git a/solarized/solarized-variables.scss b/solarized/solarized-variables.scss index eae544d..a21bb23 100644 --- a/solarized/solarized-variables.scss +++ b/solarized/solarized-variables.scss @@ -45,7 +45,7 @@ $link-focus-color: $link-color; // Forms $forms-text-color: #495057; $forms-background-color: #a9bdbd; -$forms-placeholder-color: rgba($forms-text-color, 0.8); +$forms-placeholder-color: rgba($forms-text-color, 0.6); // Vue.js tree @@ -55,8 +55,10 @@ $tree-background-selected-color: #b4cccc; // Django autocomplete light +$dal-result-focus-text-color: $text-color; $dal-result-focus-background-color: #133B45; -$dal-result-selected-background-color: #dddddd; +$dal-result-selected-text-color: #bfd0d2; +$dal-result-selected-background-color: #205562; // Navbar diff --git a/template-variables.scss b/template-variables.scss index e592110..f637870 100644 --- a/template-variables.scss +++ b/template-variables.scss @@ -49,6 +49,7 @@ $link-focus-color: none; // Forms $forms-text-color: none; $forms-background-color: none; +$forms-placeholder-color: none; // Vue.js tree @@ -58,7 +59,9 @@ $tree-background-selected-color: none; // Django autocomplete light +$dal-result-focus-text-color: none; $dal-result-focus-background-color: none; +$dal-result-selected-text-color: none; $dal-result-selected-background-color: none; diff --git a/template.scss b/template.scss index be72870..8f92840 100644 --- a/template.scss +++ b/template.scss @@ -134,8 +134,9 @@ a:hover { /* * Forms */ - ::placeholder { - color: $forms-text-color; +::placeholder, +::-webkit-input-placeholder { + color: $forms-placeholder-color !important; opacity: 1; } .form-control { @@ -167,7 +168,7 @@ a:hover { border-color: $border-color; } .select2-container--default .select2-selection--single { - background-color: $forms-background-color; + background-color: $forms-background-color !important; } .select2-search__field { color: $forms-text-color; @@ -178,11 +179,11 @@ a:hover { background-color: $forms-background-color; } .select2-results__option--highlighted { - color: $text-color !important; + color: $dal-result-focus-text-color !important; background-color: $dal-result-focus-background-color !important; } .select2-container--default .select2-results__option[aria-selected="true"] { - color: $text-color !important; + color: $dal-result-selected-text-color !important; background-color: $dal-result-selected-background-color !important; }