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 }