Warning, /plasma/breeze-gtk/src/gtk4/widgets/_window_decorations.scss is written in an unsupported language. File is not indexed.
0001 @charset "UTF-8"; 0002 0003 /********************** 0004 * Window Decorations * 0005 *********************/ 0006 0007 dialog, 0008 window { 0009 $shadow: rgba(0, 0, 0, 0.5); 0010 0011 //border: 1px solid transparent; 0012 border-radius: 6px 6px 0 0; 0013 border-width: 0px; 0014 box-shadow: 0px 0px 16px $shadow, 0015 0px 2px 8px scale-color($shadow, $alpha: -40%); 0016 0017 margin: 0px; 0018 0019 &.maximized { 0020 border-radius: 0; 0021 } 0022 0023 .maximized &, 0024 .fullscreen &, 0025 .tiled & { 0026 border-radius: 0; 0027 } 0028 .popup & { 0029 border-radius: $r; 0030 box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.27), 0031 0px 5px 8px -4px rgba(0, 0, 0, 0.17); 0032 } 0033 // server-side decorations as used by mutter 0034 .ssd & { 0035 box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1); 0036 } 0037 .csd & { 0038 border-radius: 6px; 0039 &.popup { 0040 box-shadow: 0px 3px 10px -4px rgba(0, 0, 0, 0.27), 0041 0px 5px 8px -4px rgba(0, 0, 0, 0.17); 0042 } 0043 &.tooltip { 0044 box-shadow: none; 0045 } 0046 &.message-dialog { 0047 box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.5); 0048 } 0049 } 0050 .solid-csd & { 0051 border-radius: 0; 0052 margin: 0; 0053 padding: 0px; 0054 border: 5px solid gtk("@theme_titlebar_background"); 0055 background-color: gtk( 0056 "@theme_titlebar_background_light" 0057 ); 0058 box-shadow: none; 0059 } 0060 } 0061 0062 dialog.solid-csd, 0063 window.solid-csd { 0064 headerbar.titlebar, 0065 paned.titlebar, 0066 .titlebar, 0067 paned.titlebar headerbar { 0068 border-radius: 0; 0069 } 0070 } 0071 0072 headerbar.titlebar { 0073 min-height: 46px; 0074 } 0075 0076 headerbar, 0077 .titlebar { 0078 $titlebutton-size: 18px 18px; 0079 0080 windowcontrols button { 0081 min-height: 18px; 0082 min-width: 18px; 0083 padding: 0; 0084 0085 $extra_margin: 14px; 0086 $extra_padding: $extra_margin*2; // extend to screen border 0087 0088 margin-top: -$extra_margin; 0089 padding-top: $extra_padding; 0090 margin-bottom: -$extra_margin; 0091 padding-bottom: $extra_padding; 0092 0093 &:dir(ltr) { 0094 margin-right: -$extra_margin/2; 0095 padding-right: $extra_margin; 0096 } 0097 0098 &:dir(rtl) { 0099 margin-left: -$extra_margin/2; 0100 padding-left: $extra_margin; 0101 } 0102 0103 image { 0104 color: transparent; 0105 } 0106 0107 &.close, 0108 &.close:hover, 0109 &.close:active, 0110 &.close:backdrop, 0111 &.maximize, 0112 &.maximize:hover, 0113 &.maximize:active, 0114 &.maximize:backdrop, 0115 &.minimize, 0116 &.minimize:hover, 0117 &.minimize:active, 0118 &.minimize:backdrop { 0119 border-color: transparent; 0120 border-image: none; 0121 box-shadow: none; 0122 background-color: transparent; 0123 background-position: center; 0124 background-repeat: no-repeat; 0125 background-size: $titlebutton-size; 0126 } 0127 0128 &.close { 0129 background-image: -gtk-recolor( 0130 url("../assets/breeze-close-symbolic.svg"), 0131 color gtk("@theme_text_color") 0132 ); 0133 -gtk-icon-source: none; 0134 } 0135 &.close:hover { 0136 background-image: -gtk-recolor( 0137 url("../assets/breeze-close-hover-symbolic.svg") 0138 ); 0139 } 0140 &.close:active { 0141 background-image: -gtk-recolor( 0142 url("../assets/breeze-close-active-symbolic.svg") 0143 ); 0144 } 0145 &.close:backdrop { 0146 background-image: -gtk-recolor( 0147 url("../assets/breeze-close-symbolic.svg") 0148 ); 0149 } 0150 0151 &.maximize { 0152 background-image: -gtk-recolor( 0153 url("../assets/breeze-maximize-symbolic.svg") 0154 ); 0155 } 0156 &.maximize:hover { 0157 background-image: -gtk-recolor( 0158 url("../assets/breeze-maximize-hover-symbolic.svg") 0159 ); 0160 } 0161 &.maximize:active { 0162 background-image: -gtk-recolor( 0163 url("../assets/breeze-maximize-active-symbolic.svg") 0164 ); 0165 } 0166 &.maximize:backdrop { 0167 background-image: -gtk-recolor( 0168 url("../assets/breeze-maximize-symbolic.svg") 0169 ); 0170 } 0171 0172 &.minimize { 0173 background-image: -gtk-recolor( 0174 url("../assets/breeze-minimize-symbolic.svg") 0175 ); 0176 } 0177 &.minimize:hover { 0178 background-image: -gtk-recolor( 0179 url("../assets/breeze-minimize-hover-symbolic.svg") 0180 ); 0181 } 0182 &.minimize:active { 0183 background-image: -gtk-recolor( 0184 url("../assets/breeze-minimize-active-symbolic.svg") 0185 ); 0186 } 0187 &.minimize:backdrop { 0188 background-image: -gtk-recolor( 0189 url("../assets/breeze-minimize-symbolic.svg") 0190 ); 0191 } 0192 0193 .maximized & { 0194 &.maximize { 0195 background-image: -gtk-recolor( 0196 url("../assets/breeze-maximized-symbolic.svg") 0197 ); 0198 } 0199 &.maximize:hover { 0200 background-image: -gtk-recolor( 0201 url("../assets/breeze-maximized-hover-symbolic.svg") 0202 ); 0203 } 0204 &.maximize:active { 0205 background-image: -gtk-recolor( 0206 url("../assets/breeze-maximized-active-symbolic.svg") 0207 ); 0208 } 0209 &.maximize:backdrop { 0210 background-image: -gtk-recolor( 0211 url("../assets/breeze-maximized-symbolic.svg") 0212 ); 0213 } 0214 } 0215 } 0216 } 0217 0218 headerbar.selection-mode button.titlebutton, 0219 .titlebar.selection-mode button.titlebutton { 0220 text-shadow: none; 0221 &:backdrop { 0222 -gtk-icon-shadow: none; 0223 } 0224 }