diff --git a/browser/main/modals/PreferencesModal/InfoTab.styl b/browser/main/modals/PreferencesModal/InfoTab.styl index 23cfd23e..2c17ae17 100644 --- a/browser/main/modals/PreferencesModal/InfoTab.styl +++ b/browser/main/modals/PreferencesModal/InfoTab.styl @@ -50,7 +50,7 @@ body[data-theme="dark"] .root - color $ui-dark-text-color + color $tab--dark-text-color .madeBy color $ui-dark-inactive-text-color diff --git a/browser/main/modals/PreferencesModal/PreferencesModal.styl b/browser/main/modals/PreferencesModal/PreferencesModal.styl index 079e2ddb..9cac9b20 100644 --- a/browser/main/modals/PreferencesModal/PreferencesModal.styl +++ b/browser/main/modals/PreferencesModal/PreferencesModal.styl @@ -1,3 +1,5 @@ +@import('./Tab') + .root modal() max-width 800px @@ -28,20 +30,24 @@ .nav-button font-size 14px text-align left - width 80px + width 100px + margin 4px 0 padding 7px 0 + padding-left 7px border none + border-radius 3px background-color transparent - color #939395 + color $ui-text-color font-size 14px &:hover - color #515151 + color $ui-active-color .nav-button--active @extend .nav-button - color #6AA5E9 + color white + background-color $ui-active-color &:hover - color #6AA5E9 + color white .nav-button-icon display block @@ -59,8 +65,9 @@ body[data-theme="dark"] .top-bar background-color transparent - border-color transparent - color #939395 + border-color #4A4D52 + p + color $tab--dark-text-color .nav background-color transparent @@ -68,6 +75,6 @@ body[data-theme="dark"] .nav-button background-color transparent - color #939395 + color $tab--dark-text-color &:hover color $ui-dark-text-color diff --git a/browser/main/modals/PreferencesModal/Tab.styl b/browser/main/modals/PreferencesModal/Tab.styl index 0c69fb57..7280407b 100644 --- a/browser/main/modals/PreferencesModal/Tab.styl +++ b/browser/main/modals/PreferencesModal/Tab.styl @@ -7,6 +7,12 @@ $tab--button-border-radius = 5px $tab--button-height = 40px $tab--button-font-size = 14px +$tab--dark-text-color = #E5E5E5 + .header font-size 24px margin-bottom 30px + +body[data-theme="dark"] + .header + color $tab--dark-text-color