diff --git a/browser/main/Detail/TagSelect.styl b/browser/main/Detail/TagSelect.styl index 7aa8917c..2a09e63d 100644 --- a/browser/main/Detail/TagSelect.styl +++ b/browser/main/Detail/TagSelect.styl @@ -1,6 +1,3 @@ -$ui-white-theme-tag-bg = rgba(0, 0, 0, 0.3) -$ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3) - .root display: inline position relative @@ -12,7 +9,7 @@ $ui-dark-theme-tag-bg = rgba(255, 255, 255, 0.3) padding-left 10px vertical-align middle height 20px - background-color $ui-white-theme-tag-bg + background-color $ui-tag-backgroundColor border-radius 20px overflow hidden clearfix() @@ -79,7 +76,7 @@ body[data-theme="dark"] color $ui-dark-button-color .tag - background-color $ui-dark-theme-tag-bg + background-color $ui-dark-tag-backgroundColor .tag-removeButton border-color $ui-button--focus-borderColor diff --git a/browser/styles/index.styl b/browser/styles/index.styl index b98d36ac..f48ebcbb 100644 --- a/browser/styles/index.styl +++ b/browser/styles/index.styl @@ -18,6 +18,7 @@ $ui-backgroundColor = #FFFFFF $ui-noteList-backgroundColor = #F3F3F3 $ui-border = solid 1px $ui-borderColor $ui-active-color = #6AA5E9 +$ui-tag-backgroundColor = rgba(0, 0, 0, 0.3) // UI Button $ui-button-color = #939395 @@ -141,6 +142,7 @@ modal() $ui-dark-borderColor = lighten(#21252B, 20%) $ui-dark-backgroundColor = #333333 $ui-dark-noteList-backgroundColor = #171717 +$ui-dark-tag-backgroundColor = rgba(255, 255, 255, 0.3) $dark-background-color = lighten($ui-dark-backgroundColor, 10%) $ui-dark-text-color = #DDDDDD $ui-dark-button--active-color = white