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 }