mirror of
https://github.com/penpot/penpot.git
synced 2026-08-05 12:29:00 +00:00
fix select colors
This commit is contained in:
parent
799ce01f14
commit
4d1e4ef4c9
@ -855,9 +855,9 @@ input[type=range]:focus::-ms-fill-upper {
|
|||||||
&:hover {
|
&:hover {
|
||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
background-color: $primary-ui-bg;
|
background-color: $color-white;
|
||||||
border-radius: $br-small;
|
border-radius: $br-small;
|
||||||
color: $medium-ui-text;
|
color: $intense-ui-text;
|
||||||
content: attr(alt);
|
content: attr(alt);
|
||||||
font-size: $fs11;
|
font-size: $fs11;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@ -905,7 +905,7 @@ input[type=range]:focus::-ms-fill-upper {
|
|||||||
|
|
||||||
&::after {
|
&::after {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
background-color: $input-bg;
|
background-color: $color-white;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
color: $intense-ui-text;
|
color: $intense-ui-text;
|
||||||
|
|||||||
@ -79,9 +79,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.dropdown {
|
.dropdown {
|
||||||
background-color: $secondary-ui-bg;
|
background-color: $color-white;
|
||||||
border-radius: $br-small;
|
border-radius: $br-small;
|
||||||
border: 1px solid $soft-ui-border;
|
border: 1px solid $color-gray-10;
|
||||||
min-width: 150px;
|
min-width: 150px;
|
||||||
padding: 0 $small;
|
padding: 0 $small;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
@ -96,13 +96,13 @@
|
|||||||
padding: $small 0;
|
padding: $small 0;
|
||||||
|
|
||||||
svg {
|
svg {
|
||||||
fill: $medium-ui-text;
|
fill: $color-gray-40;
|
||||||
height: 12px;
|
height: 12px;
|
||||||
width: 12px;
|
width: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
span {
|
span {
|
||||||
color: $medium-ui-text;
|
color: $color-gray-40;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|||||||
@ -201,15 +201,15 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.input-select {
|
.input-select {
|
||||||
color: $intense-ui-text;
|
color: $soft-ui-text;
|
||||||
|
|
||||||
&:focus {
|
&:focus {
|
||||||
color: darken($intense-ui-text, 8%);
|
color: lighten($soft-ui-text, 8%);
|
||||||
}
|
}
|
||||||
|
|
||||||
option {
|
option {
|
||||||
color: $intense-ui-text;
|
color: $intense-ui-text;
|
||||||
background: $secondary-ui-bg;
|
background: $color-white;
|
||||||
font-size: $fs12;
|
font-size: $fs12;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user