Foundry376/Mailspring
1
1
Fork 0
mirror of https://github.com/Foundry376/Mailspring.git synced 2025-09-06 04:35:30 +08:00
Code Issues Projects Releases Packages Wiki Activity

🎨(themes): Tweak Taiga to feel more native

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
internal_packages/ui-taiga/styles/controls.less
View file

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

32
internal_packages/ui-taiga/styles/threads.less
View file

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