Change focusedFormMutedBorderColor

This commit is contained in:
Jay Trees 2022-04-07 14:08:31 +02:00
parent 96b1458d32
commit 90e047df09
5 changed files with 15 additions and 15 deletions

View file

@ -559,24 +559,24 @@ select.ui.dropdown {
/* Active */ /* Active */
.ui.selection.active.dropdown { .ui.selection.active.dropdown {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown .menu { .ui.selection.active.dropdown .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
/* Focus */ /* Focus */
.ui.selection.dropdown:focus { .ui.selection.dropdown:focus {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.ui.selection.dropdown:focus .menu { .ui.selection.dropdown:focus .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -589,12 +589,12 @@ select.ui.dropdown {
/* Visible Hover */ /* Visible Hover */
.ui.selection.active.dropdown:hover { .ui.selection.active.dropdown:hover {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown:hover .menu { .ui.selection.active.dropdown:hover .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }

File diff suppressed because one or more lines are too long

View file

@ -11190,13 +11190,13 @@ select.ui.dropdown {
/* Active */ /* Active */
.ui.selection.active.dropdown { .ui.selection.active.dropdown {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown .menu { .ui.selection.active.dropdown .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -11204,13 +11204,13 @@ select.ui.dropdown {
/* Focus */ /* Focus */
.ui.selection.dropdown:focus { .ui.selection.dropdown:focus {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.ui.selection.dropdown:focus .menu { .ui.selection.dropdown:focus .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
@ -11225,13 +11225,13 @@ select.ui.dropdown {
/* Visible Hover */ /* Visible Hover */
.ui.selection.active.dropdown:hover { .ui.selection.active.dropdown:hover {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }
.ui.selection.active.dropdown:hover .menu { .ui.selection.active.dropdown:hover .menu {
border-color: #96C8DA; border-color: #a285df;
-webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15); box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
} }

File diff suppressed because one or more lines are too long

View file

@ -102,7 +102,7 @@
@focusedFormBorderColor: @primaryColor; @focusedFormBorderColor: @primaryColor;
/* Used on dropdowns, other larger blocks */ /* Used on dropdowns, other larger blocks */
@focusedFormMutedBorderColor: #96C8DA; @focusedFormMutedBorderColor: lighten(@primaryColor, 20%);
/*------------------- /*-------------------
Sizes Sizes