Changeset View
Changeset View
Standalone View
Standalone View
src/gtk3/widgets/_scrollbar.scss
| Context not available. | |||||
| 9 | -GtkScrollbar-has-backward-stepper: false; | 9 | -GtkScrollbar-has-backward-stepper: false; | ||
|---|---|---|---|---|---|
| 10 | -GtkScrollbar-has-forward-stepper: false; | 10 | -GtkScrollbar-has-forward-stepper: false; | ||
| 11 | 11 | | |||
| 12 | background-color: w_color(normal); | 12 | background-color: gtk("@theme_bg_color"); | ||
| 13 | border-width: 0px 0px; | 13 | border-width: 0px 0px; | ||
| 14 | border-color: w_color(normal); | 14 | border-color: gtk("@theme_bg_color"); | ||
| 15 | margin: 5px; | 15 | margin: 5px; | ||
| 16 | 16 | | |||
| 17 | button { | 17 | button { | ||
| Context not available. | |||||
| 28 | &:hover { | 28 | &:hover { | ||
| 29 | border: none; | 29 | border: none; | ||
| 30 | background-image: none; | 30 | background-image: none; | ||
| 31 | background-color: w_color(normal); | 31 | background-color: gtk("@theme_bg_color"); | ||
| 32 | color: transparent; | 32 | color: transparent; | ||
| 33 | } | 33 | } | ||
| 34 | &:active, | 34 | &:active, | ||
| 35 | &:active:hover { | 35 | &:active:hover { | ||
| 36 | border: none; | 36 | border: none; | ||
| 37 | background-image: none; | 37 | background-image: none; | ||
| 38 | background-color: w_color(normal); | 38 | background-color: gtk("@theme_bg_color"); | ||
| 39 | color: transparent; | 39 | color: transparent; | ||
| 40 | } | 40 | } | ||
| 41 | &:disabled { | 41 | &:disabled { | ||
| 42 | border: none; | 42 | border: none; | ||
| 43 | background-color: w_color(normal); | 43 | background-color: gtk("@theme_bg_color"); | ||
| 44 | background-image: none; | 44 | background-image: none; | ||
| 45 | color: transparent; | 45 | color: transparent; | ||
| 46 | } | 46 | } | ||
| 47 | &:backdrop { | 47 | &:backdrop { | ||
| 48 | @extend %undecorated_button; | 48 | @extend %undecorated_button; | ||
| 49 | color: backdrop(b_color(text)); | 49 | color: gtk("@theme_button_foreground_backdrop"); | ||
| 50 | &:disabled {color: backdrop(insensitive(b_color(text)));} | 50 | &:disabled { | ||
| 51 | color: gtk("@theme_button_foreground_backdrop_insensitive"); | ||||
| 52 | } | ||||
| 51 | @extend %undecorated_button; | 53 | @extend %undecorated_button; | ||
| 52 | } | 54 | } | ||
| 53 | } | 55 | } | ||
| Context not available. | |||||
| 80 | 82 | | |||
| 81 | &:hover { | 83 | &:hover { | ||
| 82 | trough { | 84 | trough { | ||
| 83 | background-color: backdrop($trough_color); | 85 | background-color: $trough_color_backdrop; | ||
| 84 | min-width: 6px; | 86 | min-width: 6px; | ||
| 85 | } | 87 | } | ||
| 86 | slider { | 88 | slider { | ||
| 87 | min-width: 6px; | 89 | min-width: 6px; | ||
| 88 | background-color: b_color(hover); | 90 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 89 | } | 91 | } | ||
| 90 | } | 92 | } | ||
| 91 | 93 | | |||
| Context not available. | |||||
| 100 | 102 | | |||
| 101 | &.horizontal:hover { | 103 | &.horizontal:hover { | ||
| 102 | &.horizontal trough { | 104 | &.horizontal trough { | ||
| 103 | background-color: backdrop($trough_color); | 105 | background-color: $trough_color_backdrop; | ||
| 104 | min-height: 6px; | 106 | min-height: 6px; | ||
| 105 | } | 107 | } | ||
| 106 | &.horizontal slider { | 108 | &.horizontal slider { | ||
| 107 | min-height: 6px; | 109 | min-height: 6px; | ||
| 108 | background-color: b_color(hover); | 110 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 109 | } | 111 | } | ||
| 110 | } | 112 | } | ||
| 111 | 113 | | |||
| Context not available. | |||||
| 116 | min-height: 30px; | 118 | min-height: 30px; | ||
| 117 | border-radius: 8px; | 119 | border-radius: 8px; | ||
| 118 | background-clip: padding-box; | 120 | background-clip: padding-box; | ||
| 119 | background-color: transparentize($scrollbar_color, 0.2); | 121 | background-color: gtkalpha($scrollbar_color_backdrop, 0.2); | ||
| 120 | &:backdrop { | 122 | &:backdrop { | ||
| 121 | background-color: backdrop($scrollbar_color); | 123 | background-color: $scrollbar_color_backdrop; | ||
| 122 | } | 124 | } | ||
| 123 | &:hover { | 125 | &:hover { | ||
| 124 | min-width: 6px; | 126 | min-width: 6px; | ||
| 125 | background-color: b_color(hover); | 127 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 126 | 128 | | |||
| 127 | } | 129 | } | ||
| 128 | } | 130 | } | ||
| Context not available. | |||||
| 132 | min-height: 3px; | 134 | min-height: 3px; | ||
| 133 | border-radius: 8px; | 135 | border-radius: 8px; | ||
| 134 | background-clip: padding-box; | 136 | background-clip: padding-box; | ||
| 135 | background-color: transparentize($scrollbar_color, 0.2); | 137 | background-color: gtkalpha($scrollbar_color_backdrop, 0.2); | ||
| 136 | &:backdrop { | 138 | &:backdrop { | ||
| 137 | background-color: backdrop($scrollbar_color); | 139 | background-color: $scrollbar_color_backdrop; | ||
| 138 | } | 140 | } | ||
| 139 | &:hover { | 141 | &:hover { | ||
| 140 | min-height: 6px; | 142 | min-height: 6px; | ||
| 141 | background-color: b_color(hover); | 143 | background-color: gtk("@theme_button_decoration_hover"); | ||
| 142 | 144 | | |||
| 143 | } | 145 | } | ||
| 144 | 146 | | |||
| Context not available. | |||||