Warning, /plasma/breeze-gtk/src/gtk3/widgets/_base.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8"; 0002 0003 $ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94); 0004 0005 * { 0006 padding: 0; 0007 -GtkToolbutton-icon-spacing: 4; 0008 -GtkTextview-error-underline-color: gtk("@error_color"); 0009 0010 // The size for scrollbars. The slider is 2px smaller, but we keep it 0011 // up so that the whole area is sensitive to button presses for the 0012 // slider. The stepper button is larger in both directions, the slider 0013 // only in the width 0014 0015 -GtkScrolledwindow-scrollbar-spacing: 0; 0016 0017 -GtkScrolled-window-overlay-scrolling: FALSE; 0018 0019 -GtkToolitemgroup-expander-size: 11; 0020 -GtkTreeview-expander-size: 11; 0021 0022 -GtkTreeview-horizontal-separator: 4; 0023 0024 -GtkWidget-text-handle-width: 20; 0025 -GtkWidget-text-handle-height: 20; 0026 0027 -GtkDialog-button-spacing: 4; 0028 -GtkDialog-action-area-border: 0; 0029 0030 outline-width: 0px; 0031 } 0032 0033 /*************** 0034 * Base States * 0035 ***************/ 0036 0037 .background { 0038 color: gtk("@theme_fg_color"); 0039 background-color: gtk("@theme_bg_color"); 0040 0041 &:backdrop { 0042 text-shadow: none; 0043 -gtk-icon-shadow: none; 0044 color: gtk("@theme_unfocused_fg_color"); 0045 background-color: gtk("@theme_unfocused_bg_color"); 0046 } 0047 } 0048 0049 /* 0050 These wildcard seems unavoidable, need to investigate. 0051 Wildcards are bad and troublesome, use them with care, 0052 or better, just don't. 0053 Everytime a wildcard is used a kitten dies, painfully. 0054 */ 0055 0056 *:disabled { 0057 -gtk-icon-effect: dim; 0058 } 0059 0060 .gtkstyle-fallback { 0061 background-color: gtk("@theme_bg_color"); 0062 color: gtk("@theme_fg_color"); 0063 &:hover { 0064 background-color: gtkshade("@theme_bg_color", 1.1); 0065 color: gtk("@theme_fg_color"); 0066 } 0067 &:active { 0068 background-color: gtkshade("@theme_bg_color", 0.9); 0069 color: gtk("@theme_fg_color"); 0070 } 0071 &:disabled { 0072 background-color: gtk("@insensitive_fg_color"); 0073 color: gtk("@insensitive_fg_color"); 0074 } 0075 &:selected { 0076 background-color: gtk("@theme_selected_bg_color"); 0077 color: gtk("@theme_selected_fg_color"); 0078 } 0079 } 0080 0081 %view, 0082 .view { 0083 color: gtk("@theme_text_color"); 0084 background-color: gtk("@theme_base_color"); 0085 0086 &:backdrop { 0087 color: gtk("@theme_unfocused_text_color"); 0088 background-color: gtk("@theme_unfocused_base_color"); 0089 } 0090 0091 &:disabled { 0092 color: gtk("@insensitive_base_fg_color"); 0093 } 0094 0095 &:selected { 0096 &:focus, 0097 & { 0098 border-radius: $r; 0099 @extend %selected_items; 0100 } 0101 } 0102 } 0103 0104 .view, 0105 textview { 0106 text { 0107 @extend %view; 0108 0109 selection { 0110 &:focus, 0111 & { 0112 @extend %selected_items; 0113 } 0114 } 0115 } 0116 } 0117 0118 textview border { 0119 background-color: gtk("@theme_base_color"); 0120 background-image: image( 0121 gtk("@borders") 0122 ); // HACK: the border node just draws background so, 0123 background-repeat: no-repeat; // using a background-image to draw the border 0124 0125 &:backdrop { 0126 background-color: gtk("@theme_unfocused_base_color"); 0127 } 0128 0129 &.bottom { 0130 background-size: 100% 1px; 0131 background-position: top; 0132 } 0133 0134 &.top { 0135 background-size: 100% 1px; 0136 background-position: bottom; 0137 } 0138 0139 &.left { 0140 background-size: 1px 100%; 0141 background-position: right; 0142 } 0143 0144 &.right { 0145 background-size: 1px 100%; 0146 background-position: left; 0147 } 0148 } 0149 0150 .rubberband, 0151 rubberband { 0152 border: 1px solid gtk("@theme_selected_bg_color"); 0153 background-color: gtkalpha( 0154 gtk("@theme_selected_bg_color"), 0155 0.8 0156 ); 0157 &:backdrop { 0158 border-color: gtk("@theme_unfocused_selected_bg_color"); 0159 background-color: gtkalpha( 0160 gtk("@theme_unfocused_selected_bg_color"), 0161 0.8 0162 ); 0163 } 0164 } 0165 0166 flowbox { 0167 rubberband { 0168 @extend rubberband; 0169 } 0170 0171 flowboxchild { 0172 padding: 3px; 0173 border-radius: $r; 0174 0175 &:selected { 0176 @extend %selected_items; 0177 0178 outline-offset: 0px; 0179 } 0180 } 0181 } 0182 0183 label { 0184 &.separator { 0185 color: gtk("@theme_fg_color"); 0186 @extend .dim-label; 0187 &:backdrop { 0188 color: gtk("@theme_unfocused_fg_color"); 0189 } 0190 } 0191 0192 selection { 0193 background-color: gtk("@theme_selected_bg_color"); 0194 color: gtk("@theme_selected_fg_color"); 0195 } 0196 &:disabled { 0197 color: gtk("@insensitive_fg_color"); 0198 selection { 0199 @extend %selected_items, :disabled; 0200 } 0201 0202 &:backdrop { 0203 color: gtk("@insensitive_unfocused_fg_color"); 0204 } 0205 } 0206 &:backdrop { 0207 color: gtk("@theme_unfocused_text_color"); 0208 0209 selection { 0210 @extend %selected_items, :backdrop; 0211 } 0212 } 0213 } 0214 0215 .dim-label { 0216 opacity: 0.5; 0217 text-shadow: none; 0218 } 0219 0220 %osd, 0221 .osd { 0222 color: gtk("@theme_fg_color"); 0223 border: 1px solid gtk("@borders"); 0224 background-color: gtkalpha(gtk("@theme_bg_color"), 0.8); 0225 background-clip: padding-box; 0226 box-shadow: none; 0227 text-shadow: none; 0228 -gtk-icon-shadow: none; 0229 &:backdrop { 0230 color: gtk("@theme_unfocused_text_color"); 0231 background-color: gtkalpha( 0232 gtk("@theme_unfocused_bg_color"), 0233 0.8 0234 ); 0235 -gtk-icon-shadow: none; 0236 } 0237 } 0238 0239 %selected_items { 0240 background-color: gtk("@theme_selected_bg_color"); 0241 color: gtk("@theme_selected_fg_color"); 0242 &:hover { 0243 background-color: gtk( 0244 "@theme_hovering_selected_bg_color" 0245 ); 0246 color: gtk("@theme_fg_color"); 0247 } 0248 &:backdrop { 0249 background-color: gtk( 0250 "@theme_unfocused_selected_bg_color" 0251 ); 0252 color: gtk("@theme_unfocused_base_color"); 0253 } 0254 } 0255 0256 %selected_items { 0257 background-color: gtk("@theme_selected_bg_color"); 0258 border-radius: 0px; 0259 0260 @at-root %nobg_selected_items, 0261 & { 0262 color: gtk("@theme_selected_fg_color"); 0263 0264 &:disabled { 0265 color: gtk("@insensitive_selected_fg_color"); 0266 } 0267 0268 &:backdrop { 0269 color: gtk("@theme_unfocused_selected_fg_color"); 0270 0271 &:disabled { 0272 color: gtk( 0273 "@insensitive_unfocused_selected_fg_color" 0274 ); 0275 } 0276 } 0277 } 0278 }