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 }