diff --git a/scss/import/repository.scss b/scss/import/repository.scss index 444feac..4f70667 100644 --- a/scss/import/repository.scss +++ b/scss/import/repository.scss @@ -242,6 +242,82 @@ @if $nojavascript == true { display: none; } + .dropdown.floating.filter { + .button { + background: $bg60; + border-radius: $border-radius; + color: $white; + transition: background .2s; + &:hover { + background: $bg50; + } + } + .menu { + background: $bg50; + border: 0; + .search { + color: $white; + i.filter.icon { + opacity: 1; + } + input { + background: $bg30; + border: 0; + color: $white; + &::placeholder { + color: $white-dark; + opacity: 1 + } + &::selection { + background: $bg50; + color: $white; + } + } + } + .header { + background: $bg50; + .grid { + .column.two { + a.column.reference { + &:hover { + color: $white; + } + span.text { + padding: 10px 14px; + &:hover { + color: $white; + } + &.black { + color: $white; + border-bottom: 2px solid $white; + } + i.reference.tags.icon { + &::before { + font-size: 13px; + } + } + } + } + } + } + } + .scrolling.menu { + .item { + color: $white !important; + transition: background .2s; + &:hover { + background: $bg40 !important; + } + &.selected { + background: $bg40 !important; + } + } + } + .message { + color: $white; + } + } + } } .blue.buttons { .button { @@ -275,6 +351,11 @@ border: 2px solid $bg60; color: $white; font-family: $font-family; + &::selection { + color: $white-dark; + background: $bg60; + opacity: 1 + } &:focus { background: $bg50; border: 2px solid $bg60; @@ -1626,9 +1707,12 @@ h2 { border-bottom: 1px solid $bg60; } - pre { - background: $bg40; - border-radius: $border-radius; + } + pre { + background: $bg40; + border-radius: $border-radius; + code { + color: $white; } } }