Warning, /plasma/breeze-gtk/src/gtk4/widgets/_progressbar.scss is written in an unsupported language. File is not indexed.

0001 @charset "UTF-8";
0002 
0003 /*****************
0004  * Progress bars *
0005  *****************/
0006 progressbar {
0007         // sizing
0008         &.horizontal {
0009                 trough,
0010                 progress {
0011                         min-height: 4px;
0012                 }
0013         }
0014 
0015         &.vertical {
0016                 trough,
0017                 progress {
0018                         min-width: 4px;
0019                 }
0020         }
0021 
0022         // FIXME: insensitive state missing and some other state should be set probably
0023         font-size: smaller;
0024         color: gtkalpha(
0025                 gtk("@theme_button_foreground_normal"),
0026                 0.3
0027         );
0028 
0029         trough {
0030                 border: 1px solid;
0031                 border-radius: $r;
0032                 background: gtkoverlay(
0033                         gtk("@theme_bg_color"),
0034                         gtkalpha(gtk("@theme_button_foreground_normal"), 0.5*0.2)
0035                 );
0036 
0037                 border-color: gtkalpha(
0038                         gtk("@theme_button_foreground_normal"),
0039                         0.2
0040                 );
0041         }
0042 
0043         progress {
0044                 border: 1px solid;
0045                 margin: -1px;
0046                 border-radius: $r;
0047                 box-shadow: none; //needed for clipping
0048                 background: gtkoverlay(
0049                         gtk("@theme_bg_color"),
0050                         gtkalpha(gtk("@theme_button_decoration_hover"), 0.5)
0051                 );
0052 
0053                 border: 1px solid gtk("@theme_button_decoration_hover");
0054         }
0055 
0056         &:backdrop progress {
0057                 background: gtkoverlay(
0058                         gtk("@theme_bg_color"),
0059                         gtkalpha(gtk("@theme_unfocused_selected_bg_color"), 0.5)
0060                 );
0061 
0062                 border-color: gtk(
0063                         "@theme_unfocused_selected_bg_color"
0064                 );
0065         } // states not passed here as well
0066 
0067         &.osd {
0068                 // progressbar.osd used for epiphany page loading progress
0069                 background-color: transparent;
0070         }
0071 }
0072 
0073 treeview.view {
0074         &.progressbar {
0075                 border: 0px solid transparent;
0076                 border-radius: $r;
0077                 background-color: gtk("@theme_selected_bg_color");
0078                 color: gtk("@theme_selected_fg_color");
0079                 background-image: none;
0080                 &:selected {
0081                         &:focus,
0082                         & {
0083                                 background-color: gtkalpha(
0084                                         gtk("@theme_selected_bg_color"),
0085                                         0.25
0086                                 );
0087                         }
0088                 }
0089         }
0090         &.trough {
0091                 background-color: $trough_color;
0092                 &:selected {
0093                         &:focus,
0094                         & {
0095                                 background-color: gtkalpha(
0096                                         gtk("@theme_selected_fg_color"),
0097                                         0.3
0098                                 );
0099                         }
0100                 }
0101         }
0102 }
0103 
0104 /*************
0105  * Level Bar *
0106  *************/
0107 @mixin levelbar($color) {
0108                 border: 1px solid $color;
0109                 background: gtkoverlay(
0110                         gtk("@theme_bg_color"),
0111                         gtkalpha($color, 0.5)
0112                 );
0113                 box-shadow: none;
0114                 border-radius: $r;
0115 }
0116 
0117 levelbar {
0118         block {
0119                 min-height: 6px;
0120         }
0121 
0122         &.vertical block {
0123                 min-width: 6px;
0124                 min-height: 32px;
0125         }
0126 
0127         trough {
0128                 border: 1px solid;
0129                 padding: 2px;
0130                 border-radius: 3px;
0131                 @include entry(normal);
0132 
0133                 &:backdrop {
0134                         @include entry(backdrop);
0135                 }
0136         }
0137 
0138         &.horizontal.discrete block {
0139                 margin: 0 1px;
0140                 min-width: 32px;
0141         }
0142 
0143         &.vertical.discrete block {
0144                 margin: 1px 0;
0145         }
0146 
0147         block {
0148                 &:not(.empty) {
0149                         @include levelbar(gtk("@theme_button_decoration_hover"));
0150 
0151                         &:backdrop {
0152                                 @include levelbar(gtk("@theme_unfocused_selected_bg_color"));
0153                         }
0154                 }
0155 
0156                 &.low {
0157                         @include levelbar(gtk("@warning_color"));
0158                         &:backdrop {
0159                                 @include levelbar(gtk("@warning_color_backdrop"));
0160                         }
0161                 }
0162 
0163                 &.full, &.high {
0164                         @include levelbar(gtk("@success_color"));
0165 
0166                         &:backdrop {
0167                                 @include levelbar(gtk("@success_color_backdrop"));
0168                         }
0169                 }
0170 
0171                 &.empty {
0172                         @include levelbar(gtkalpha(gtk("@theme_button_foreground_normal"), 0.2));
0173                 }
0174         }
0175 }