kirbylife
/
numix-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

* Treeview border(top, left) black color fix. Progressbar selected backdrop color fix.

pull/411/head
Megax 2016-05-08 10:31:42 +02:00
parent b9ed4f709b
commit 6bcf885a7c
1 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
gtk-3.20/scss/widgets/_view.scss
View File

@ -44,8 +44,8 @@
@include exports("treeview") { @include exports("treeview") {
.rubberband, .rubberband,
rubberband { rubberband {
border: 1px solid darken($selected_bg_color, 10%); border: 1px solid darken($selected_bg_color, .1);
background-color: transparentize(darken($selected_bg_color, 10%), 0.8); background-color: transparentize(darken($selected_bg_color, .1), .8);
} }
treeview entry { treeview entry {
@ -91,8 +91,8 @@
-GtkTreeView-tree-line-width: 1; -GtkTreeView-tree-line-width: 1;
-GtkTreeView-tree-line-pattern: ''; -GtkTreeView-tree-line-pattern: '';
border-left-color: mix($dark_bg_color, $base_color, .2); // this is actually the tree lines color, border-left-color: mix($fg_color, $base_color, .5); // this is actually the tree lines color,
border-top-color: mix($dark_bg_color, $base_color, .2); // while this is the grid lines color, better then nothing border-top-color: $bg_color; // while this is the grid lines color, better then nothing
rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props rubberband { @extend rubberband; } // to avoid borders being overridden by the previously set props
@ -104,7 +104,7 @@
&:backdrop, & { &:backdrop, & {
border-left-color: mix($selected_fg_color, $selected_bg_color, .5); border-left-color: mix($selected_fg_color, $selected_bg_color, .5);
border-top-color: transparentize($fg_color, 0.9); // doesn't work unfortunatelly border-top-color: transparentize($fg_color, .9); // doesn't work unfortunatelly
} }
} }
@ -123,7 +123,7 @@
min-height: 2px; min-height: 2px;
color: $bg_color; color: $bg_color;
&:backdrop { color: transparentize($bg_color, 0.9); } &:backdrop { color: transparentize($bg_color, .9); }
} }
&:backdrop { &:backdrop {
@ -147,7 +147,6 @@
&:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); } &:dir(rtl) { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic-rtl'); }
&:hover { color: $fg_color; } &:hover { color: $fg_color; }
&:selected { &:selected {
@ -186,7 +185,7 @@
&:backdrop { &:backdrop {
@if $variant == 'light' { @if $variant == 'light' {
color: $selected_bg_color; color: $backdrop_selected_fg_color;
border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?) border-color: $selected_borders_color; // otherwise it gets inherited by .view(?!?)
} @else { } @else {
border-color: $backdrop_base_color; border-color: $backdrop_base_color;
@ -350,12 +349,12 @@
@include exports("placesview") { @include exports("placesview") {
placesview { placesview {
.server-list-button > image { .server-list-button > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 200ms cubic-bezier(.25, .46, .45, .94);
-gtk-icon-transform: rotate(0turn); -gtk-icon-transform: rotate(0turn);
} }
.server-list-button:checked > image { .server-list-button:checked > image {
transition: 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 200ms cubic-bezier(.25, .46, .45, .94);
-gtk-icon-transform: rotate(-0.5turn); -gtk-icon-transform: rotate(-0.5turn);
} }