Warning, /plasma/breeze-gtk/src/gtk4/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 
0008         outline-width: 0px;
0009 }
0010 
0011 /***************
0012  * Base States *
0013  ***************/
0014 
0015 .background {
0016         color: gtk("@theme_fg_color");
0017         background-color: gtk("@theme_bg_color");
0018 
0019         &:backdrop {
0020                 text-shadow: none;
0021                 -gtk-icon-shadow: none;
0022                 color: gtk("@theme_unfocused_fg_color");
0023                 background-color: gtk("@theme_unfocused_bg_color");
0024         }
0025 }
0026 
0027 /*
0028    These wildcard seems unavoidable, need to investigate.
0029    Wildcards are bad and troublesome, use them with care,
0030    or better, just don't.
0031    Everytime a wildcard is used a kitten dies, painfully.
0032 */
0033 
0034 .gtkstyle-fallback {
0035         background-color: gtk("@theme_bg_color");
0036         color: gtk("@theme_fg_color");
0037         &:hover {
0038                 background-color: gtkshade("@theme_bg_color", 1.1);
0039                 color: gtk("@theme_fg_color");
0040         }
0041         &:active {
0042                 background-color: gtkshade("@theme_bg_color", 0.9);
0043                 color: gtk("@theme_fg_color");
0044         }
0045         &:disabled {
0046                 background-color: gtk("@insensitive_fg_color");
0047                 color: gtk("@insensitive_fg_color");
0048         }
0049         &:selected {
0050                 background-color: gtk("@theme_selected_bg_color");
0051                 color: gtk("@theme_selected_fg_color");
0052         }
0053 }
0054 
0055 %view,
0056 .view {
0057         color: gtk("@theme_text_color");
0058         background-color: gtk("@theme_base_color");
0059 
0060         &:backdrop {
0061                 color: gtk("@theme_unfocused_text_color");
0062                 background-color: gtk("@theme_unfocused_base_color");
0063         }
0064 
0065         &:disabled {
0066                 color: gtk("@insensitive_base_fg_color");
0067         }
0068 
0069         &:selected {
0070                 &:focus,
0071                 & {
0072                         border-radius: $r;
0073                         @extend %selected_items;
0074                 }
0075         }
0076 }
0077 
0078 .view,
0079 textview {
0080         text {
0081                 @extend %view;
0082 
0083                 selection {
0084                         &:focus,
0085                         & {
0086                                 @extend %selected_items;
0087                         }
0088                 }
0089         }
0090 }
0091 
0092 textview border {
0093         background-color: gtk("@theme_base_color");
0094         background-image: image(
0095                 gtk("@borders")
0096         ); // HACK: the border node just draws background so,
0097         background-repeat: no-repeat; // using a background-image to draw the border
0098 
0099         &:backdrop {
0100                 background-color: gtk("@theme_unfocused_base_color");
0101         }
0102 
0103         &.bottom {
0104                 background-size: 100% 1px;
0105                 background-position: top;
0106         }
0107 
0108         &.top {
0109                 background-size: 100% 1px;
0110                 background-position: bottom;
0111         }
0112 
0113         &.left {
0114                 background-size: 1px 100%;
0115                 background-position: right;
0116         }
0117 
0118         &.right {
0119                 background-size: 1px 100%;
0120                 background-position: left;
0121         }
0122 }
0123 
0124 .rubberband,
0125 rubberband {
0126         border: 1px solid gtk("@theme_selected_bg_color");
0127         background-color: gtkalpha(
0128                 gtk("@theme_selected_bg_color"),
0129                 0.8
0130         );
0131         &:backdrop {
0132                 border-color: gtk("@theme_unfocused_selected_bg_color");
0133                 background-color: gtkalpha(
0134                         gtk("@theme_unfocused_selected_bg_color"),
0135                         0.8
0136                 );
0137         }
0138 }
0139 
0140 flowbox {
0141         rubberband {
0142                 @extend rubberband;
0143         }
0144 
0145         flowboxchild {
0146                 padding: 3px;
0147                 border-radius: $r;
0148 
0149                 &:selected {
0150                         @extend %selected_items;
0151 
0152                         outline-offset: 0px;
0153                 }
0154         }
0155 }
0156 
0157 label {
0158         &.separator {
0159                 color: gtk("@theme_fg_color");
0160                 @extend .dim-label;
0161                 &:backdrop {
0162                         color: gtk("@theme_unfocused_fg_color");
0163                 }
0164         }
0165 
0166         selection {
0167                 background-color: gtk("@theme_selected_bg_color");
0168                 color: gtk("@theme_selected_fg_color");
0169         }
0170         &:disabled {
0171                 color: gtk("@insensitive_fg_color");
0172                 selection {
0173                         @extend %selected_items, :disabled;
0174                 }
0175 
0176                 &:backdrop {
0177                         color: gtk("@insensitive_unfocused_fg_color");
0178                 }
0179         }
0180         &:backdrop {
0181                 color: gtk("@theme_unfocused_text_color");
0182 
0183                 selection {
0184                         @extend %selected_items, :backdrop;
0185                 }
0186         }
0187 }
0188 
0189 .dim-label {
0190         opacity: 0.5;
0191         text-shadow: none;
0192 }
0193 
0194 %osd,
0195 .osd {
0196         color: gtk("@theme_fg_color");
0197         border: 1px solid gtk("@borders");
0198         background-color: gtkalpha(gtk("@theme_bg_color"), 0.8);
0199         background-clip: padding-box;
0200         box-shadow: none;
0201         text-shadow: none;
0202         -gtk-icon-shadow: none;
0203         &:backdrop {
0204                 color: gtk("@theme_unfocused_text_color");
0205                 background-color: gtkalpha(
0206                         gtk("@theme_unfocused_bg_color"),
0207                         0.8
0208                 );
0209                 -gtk-icon-shadow: none;
0210         }
0211 }
0212 
0213 %selected_items {
0214         background-color: gtk("@theme_selected_bg_color");
0215         color: gtk("@theme_selected_fg_color");
0216         &:hover {
0217                 background-color: gtk(
0218                         "@theme_hovering_selected_bg_color"
0219                 );
0220                 color: gtk("@theme_fg_color");
0221         }
0222         &:backdrop {
0223                 background-color: gtk(
0224                         "@theme_unfocused_selected_bg_color"
0225                 );
0226                 color: gtk("@theme_unfocused_base_color");
0227         }
0228 }
0229 
0230 %selected_items {
0231         background-color: gtk("@theme_selected_bg_color");
0232         border-radius: 0px;
0233 
0234         @at-root %nobg_selected_items,
0235                 & {
0236                 color: gtk("@theme_selected_fg_color");
0237 
0238                 &:disabled {
0239                         color: gtk("@insensitive_selected_fg_color");
0240                 }
0241 
0242                 &:backdrop {
0243                         color: gtk("@theme_unfocused_selected_fg_color");
0244 
0245                         &:disabled {
0246                                 color: gtk(
0247                                         "@insensitive_unfocused_selected_fg_color"
0248                                 );
0249                         }
0250                 }
0251         }
0252 }
0253 
0254 picture:disabled {
0255         opacity: 0.5;
0256 }