🎨(themes): Tweak Taiga to feel more native

This commit is contained in:
Jackie Luo 2016-03-27 15:51:09 -07:00
parent 9a923c7c88
commit ec3ac5f58d
2 changed files with 17 additions and 26 deletions

View file

@ -10,9 +10,11 @@
.btn-toolbar, .token, .actions>.btn, .new-package>.btn, .appearance-mode-switch>.btn {
box-shadow: none !important;
background: @white !important;
border: 1px solid @taiga-light !important;
border: 0;
border-radius: @base-border-radius !important;
cursor: pointer !important;
&.item-compose {
border: 1px solid @taiga-light;
}
}
.composer-action-bar-content {
@ -42,7 +44,6 @@ body.platform-win32 {
.button-dropdown.bordered {
.primary-item {
cursor: pointer !important;
box-shadow: none !important;
background: @white !important;
border: 1px solid @taiga-light !important;
@ -55,7 +56,6 @@ body.platform-win32 {
}
.secondary-picker {
cursor: pointer !important;
box-shadow: none !important;
background: @white !important;
border: 1px solid @taiga-light !important;
@ -66,7 +66,6 @@ body.platform-win32 {
.secondary-items {
.item {
cursor: pointer;
color: @taiga-light !important;
background: @white !important;
@ -129,8 +128,6 @@ body.platform-win32 {
* Prefs page
*/
.appearance-mode {
cursor: pointer;
&.active {
background-color: lighten(@taiga-light, 30%) !important;
}

View file

@ -11,7 +11,6 @@
&.focused:hover .list-column-HoverActions .inner {
color: @taiga-dark !important;
background-image: linear-gradient(90deg, fadeout(@taiga-lighter, 100%) 0%, darken(@taiga-lighter, 10%) 100%);
.action {
-webkit-filter: none;
}
@ -36,30 +35,25 @@
border-bottom: 0 !important;
}
}
.scroll-region-content {
.scroll-region-content-inner {
.list-rows {
.list-item {
cursor: pointer !important;
box-sizing: border-box;
background-color: @white !important;
color: @taiga-dark !important;
&.focused {
color: @taiga-dark !important;
background-color: darken(@taiga-lighter, 5%) !important;
}
&.selected {
color: @taiga-dark !important;
background-color: darken(@taiga-lighter, 5%) !important;
}
}
.scroll-region-content .scroll-region-content-inner .list-rows {
.list-item {
cursor: pointer !important;
box-sizing: border-box;
background-color: @white !important;
color: @taiga-dark !important;
&.focused {
color: @taiga-dark !important;
background-color: darken(@taiga-lighter, 5%) !important;
}
&.selected {
color: @taiga-dark !important;
background-color: darken(@taiga-lighter, 5%) !important;
}
}
}
}
.thread-icon {
background-image: url(../static/images/thread-list/icon-star-hover-@2x.png);
&:not(.thread-icon-star) {
visibility: hidden;
}