diff --git a/frontend/src/styles/learn-dark.scss b/frontend/src/styles/learn-dark.scss index 267bcd311..b57f1c954 100644 --- a/frontend/src/styles/learn-dark.scss +++ b/frontend/src/styles/learn-dark.scss @@ -275,14 +275,18 @@ .tab { button { color: $color-darktheme-tab-font; + border-left: 1px dotted $color-darktheme-widget-border; + border-right: 1px dotted $color-darktheme-widget-border; + border-bottom: 1px dotted $color-darktheme-widget-border; &:hover { + background-color: lighten($color-darktheme-theme-bg-dark, 30%); color: $color-darktheme-tab-hover-font; } &.active { color: $color-darktheme-tab-active-font; - border-top: 2px solid $color-darktheme-theme-bg-dark; border-left: 1px solid $color-darktheme-widget-border; border-right: 1px solid $color-darktheme-widget-border; + border-bottom: 3px solid $color-darktheme-theme-bg-dark; } } } diff --git a/frontend/src/styles/learn.scss b/frontend/src/styles/learn.scss index 9cca3e731..983f69460 100644 --- a/frontend/src/styles/learn.scss +++ b/frontend/src/styles/learn.scss @@ -174,15 +174,19 @@ pre.widget { color: $color-tab-font; font-family: $mono-font; font-size: 13px; + border-left: 1px dotted $color-widget-border; + border-right: 1px dotted $color-widget-border; + border-bottom: 1px dotted $color-widget-border; &:hover { + background-color: lighten($color-theme-bg-dark, 30%); color: $color-tab-hover-font; cursor: pointer; } &.active { color: $color-tab-active-font; - border-top: 2px solid $color-theme-bg-dark; border-left: 1px solid $color-widget-border; border-right: 1px solid $color-widget-border; + border-bottom: 3px solid $color-theme-bg-dark; } } }