diff --git a/browser/components/StorageList.js b/browser/components/StorageList.js index f3620b49..3e28e18b 100644 --- a/browser/components/StorageList.js +++ b/browser/components/StorageList.js @@ -2,7 +2,7 @@ * @fileoverview Micro component for showing StorageList */ import React, { PropTypes } from 'react' -import styles from './StorgaeList.styl' +import styles from './StorageList.styl' import CSSModules from 'browser/lib/CSSModules' /** diff --git a/browser/components/StorgaeList.styl b/browser/components/StorageList.styl similarity index 100% rename from browser/components/StorgaeList.styl rename to browser/components/StorageList.styl diff --git a/browser/components/TagListItem.styl b/browser/components/TagListItem.styl index 006b879b..cd3a5387 100644 --- a/browser/components/TagListItem.styl +++ b/browser/components/TagListItem.styl @@ -13,15 +13,15 @@ &:first-child margin-top 0 &:hover - color $ui-text-color - background-color alpha($ui-button--active-backgroundColor, 20%) + color $ui-button-default-color + background-color alpha($ui-button-default--active-backgroundColor, 20%) transition background-color 0.15s - &:active - color $ui-text-color - background-color $ui-button--active-backgroundColor + &:active, &:active:hover + color $ui-button-default-color + background-color $ui-button-default--active-backgroundColor .tagList-item-active - background-color $ui-button--active-backgroundColor + background-color $ui-button-default--active-backgroundColor display flex width 100% height 26px @@ -31,8 +31,9 @@ border none overflow ellipsis font-size 13px + color $ui-button-default-color &:hover - background-color alpha($ui-button--active-backgroundColor, 60%) + background-color alpha($ui-button-default--active-backgroundColor, 60%) transition 0.2s .tagList-item-name @@ -47,6 +48,22 @@ overflow hidden text-overflow ellipsis +body[data-theme="white"] + .tagList-item + color $ui-inactive-text-color + &:hover + color $ui-text-color + background-color alpha($ui-button--active-backgroundColor, 20%) + &:active + color $ui-text-color + background-color $ui-button--active-backgroundColor + + .tagList-item-active + background-color $ui-button--active-backgroundColor + color $ui-text-color + &:hover + background-color alpha($ui-button--active-backgroundColor, 60%) + body[data-theme="dark"] .tagList-item color $ui-dark-inactive-text-color diff --git a/browser/main/SideNav/SideNav.styl b/browser/main/SideNav/SideNav.styl index 2945993c..c7b4ae40 100644 --- a/browser/main/SideNav/SideNav.styl +++ b/browser/main/SideNav/SideNav.styl @@ -58,7 +58,7 @@ padding-left 15px padding-bottom 13px p - color $ui-text-color + color $ui-button-default-color .tagList overflow-y auto