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 }