diff --git a/scss/import/include.scss b/scss/import/include.scss index 3cce446..74bcf92 100644 --- a/scss/import/include.scss +++ b/scss/import/include.scss @@ -240,14 +240,12 @@ } @mixin dropdown-selection { - .dropdown { + .dropdown.selection { background: $bg60; + border: 0; border-radius: $border-radius; color: $white; padding: 10px 0 10px 13px; - &:first-of-type { - margin-left: auto; - } &:hover { background: $bg50; .menu { @@ -256,17 +254,24 @@ } } } - span.text { - i.dropdown.icon { - padding: 0; + &.visible { + .text { + color: $white; } } + i.dropdown.icon { + padding: 10px; + } + .text { + padding: 1.5px 0; + } .menu { background: $bg60; - border: 1px solid $bg50; + border: 0; box-shadow: none; margin-top: 0; .item { + border-color: $bg50; color: $white !important; &:hover { background: $bg50; @@ -309,6 +314,16 @@ @mixin settings { .container { + .message { + box-shadow: none; + color: $white; + &.positive { + background: $green; + } + &.negative { + background: $green; + } + } .header { background: $bg60; border: 0; @@ -340,11 +355,15 @@ } input { background: $bg40; + border: 0; color: $white; font-family: $font-family; + &::selection { + background: $white; + color: $bg40; + } &:focus { background: $bg50; - border: 2px solid $bg60; color: $white; } } @@ -352,20 +371,29 @@ color: $white; &.poping.up { &::before { - background: rgb(60, 60, 90); - border-color: rgb(70, 70, 105); + background: $bg60; + border-color: $bg70; } &::after { color: $white; } } + .text.red { + color: $red !important; + } } textarea { background: $bg40; + border: 0; + color: $white; + &::selection { + background: $white; + color: $bg40; + } } - @include dropdown-selection; } } + @include dropdown-selection; } } }