Qmpl{nmSv)L5I9nY~CT<7o7JcK(6~Y)@19`ociYn-eAE{g_&*=!r=s$vUar@M1I+r8-)8$Lnpql8cjU*R&;T#Q=Z1isVbe< zvZsWnugeB&_ggD_`d<^=Pls$XcV9cJlnD4=y)7eZ`F1`~-JFWm_jr><_E=L*_;^<7 zWmCAiulM8#e17$+pE|jlc>GkjssVXeEdHV&dvRCHnLPh6K{9Z|LNr8XRpRNpS3m8H zxW96jRUOR`g 98xra=8RUFsB{y|~ELMAqnN zEKz95Af$L6Ys!Pn9I;v3s9SY;;;vv&P 5(~$ zH#eDiSuAiArx 0 zu(>_JJ5V}5$GjzK;GBBLeMu86xK)eRbs}3yz#pt^pZXaUo@ic6 >w;3_hNaGh9`(an) z5Rh;CEozr4E|2H25$$}1T{AAU_%h!*Mm(tY>JHYmB8*MiJT_Byw`eU3c7v0R;)M8~ zd-UPxtH(&+@U)db8=>rXjJs620|TNT r`!WPw$nj z`JAF98*3|QjO4{C2eObz@>~a2M#lCT8mpmM<@ls=IS wRIbHo}66$VzRFZy>U9ZRE#?9NQT zf>j*k&vtE=7drCrwlpVAF)U7V#Y&y8i*-Z22v9okguw?eMpbCO )f0WYJd z)36=+2s@|DqGXZQfS*(>{Poc!+0MMZsk9ed7amJjN{|1*(-tkrK5ttF*CM?hziCYC zf_4R0iHoSmyC@R-K`9u9{MR0wI4{>_1zl;*w*^>g$reJnOO6?&Mk{~3EDPSYAbCFU zQd#F`>3d|2%_JA^AZzN2_pZp%_*uy{#@`U5J}<3TqjZFgNk @C5e)JC66 zy(L5%26MqtpH}IiqC1pYN$zkex|{9qw~JTONck5<`HA`z{-_L}+$$`2g-`{@-Q1`{ z19xS}=tDAUM4)6k`gM?O<gE@TO+J=scNp9hJ-%qx9E`?^-WRk>Zt*GNH~HL&)~E zUenT2FLmBWJd2F|lpLU^XUH~?X23kS-HO=HEJp82hb!cKfMNnqT_qlo(K3uy R$$5wW+*+TS{SuWt1-H&sR^BhR`@O9&%O&Lq(yGLRX$t%9ZNN7b zgN3=DZK1-T^dcE1Z+XSwXy{AIF_A#mT0E$sA+r3lR25dAZf|UN#9-|a;g}sfW^5Es z>w>k`urX!9dTeeSZ{~B%@G`yuj*df9zcGZu$^aLtLdvj;40L!Tmt5qA7 Fm3sKkA4G5k_6w zeT8E>iZy*Ts<`c8Q1dD6E5WNDoTU;e+b6P%S#g5{DGuQ)wQ7ExJVf7^!U*ujF!dR+ zC7h%ihgZCp#6FYJs!z(}Ef$*N@vjk{Fj@skb7&-c+}rh%D8TNZ9^jmA41J+3Fz9fx zmQBqK&AnCC)NsO}Xi~;K@s_rF<8mwzWufW4S*cu?l7^{EY55FMv1WRH$d+*E#j{Jt zMbT?k`G8l+YC8zlOMx+=GdWPRgH42PBB{z(!w!SPhLJ^|`_Y~m75)masHYU>#w~Zy z0n5?Aw6c!Yk`l&$t!RcR=Tnu*=e|?6vkEi_c!tgGbZy%IT*R*{x*0!cO+QeZi2J~i z{Aw11)3%v@Eht^|6PkGNh^X%UF36Ne4yHMpHg%QS`Ca=0Q)e61+%I&IiT+-SJiif1 zMV}8CU#3{tMm2EVL#m~aF8$Iaj(?Ssu-N*yRjx5%K6}rJKtZJJX*!v*W^ED(WiD>T ziI{rVtxY+m>MCqmo|}aFiC)KFl4Q`awI3}HHHW5^`+CWLH%ietO-mE=+dI 3O*Na`rka&|bi{K81Do#njB zB?jS0b%t}21axag?_TpvTy#ck+)r`y73^9$DZgUCZ&vue-MJTGweZq*W{cTW2Z0`W zT)3R)Gj3If+sDMk+#AkWX`d>FZ{*R=`bomEfj|00Kw{KBn5FROn0aGNxvP&S #;*z@^*vhWZ)=ad?epAqWo!kLM+9=ILBaabbc o$?I~pYZiGoDoA6iX3xL#I*Q`xgo9-@XHF4oV@qXj zDezcm^3S4j(}rK1H#c^>k!IhmhkdzT2`P&-!5SLR!F>MScQBHPS)_n{6E~C>?ydDk z8NpUIc{>qu#&i^!vSa` {zzK`zg$HKXI#M|>?g0k7M*-NPbysv8{>tgP1jEmK#4kf zVij&TI<{k_?&CxgD#Bn{eLp*iK?&i0A}_D#btYKs>={O{A+lbOPJ!1`u>ax0= AgAdPIV#+z?@_`T`6;QAMTWiAB_R}G&Ud+x$tlSd zSwv$Z>})@m-mP6oh}MF8**e6w^w}5QIV(SOR_wLx0}t}siJ>U$ajA1c&hT(=?4?^C zcXh&8-1K*OT;UORyPiq!4VQn6BeTE|Qx)cLs3iJ lNUvL!S
Gu zfG+x3C>TVB?Agq$b)lefZ-z+_(rx_dTWG$K!-(+hSx8FM{MlqMMydk*@Z34#Qe;6O z_AeVYD>_s>ldC@LQxUI+b^of^6%4Vs(YzGfeJ7L^M~J}dF4AcMlI{ZC6Yg;3`(Jx* zuf5xP59ONfeaRBw)^EW~alwYrt~a1n{sj?@md5+xk#*dIFZ<~$LiglHtWfCA{b1v~ zgYAsg3*11QHyL;Duj@NoD%!o3@+=*rsNlkjQV*3kM#d+FjtY~0I#!)gKaZ9!Pdu^S z=5ArUs8WoRx|-0NxWAF{s?EY);k2slX5zg5eBt!YbH?WVIWZ>dAgpj*SHy}_+xFZ0 zd(8IZRJf%LS_?FWa`?$NUZ1+83tf h`qcs`ciyu%2u-abURSQ@GQHXs zAvsVdx>-So;Vla)@)s`gggU3bgU|X2A3;i5zD~UD3^!(v v z^(G#^eGCk@KT#w`(1jC4s7o1lD9DX_yNv#z<^qLfL4LLBp?Qx40|V=8CMv2ZB`W%N z*#zhz$s 49xC&J~57XRVon-KROPZ8u^xE2+T3q6L z%_81f?)|+LI%FSGvT%9%U`FM&r)ZH7{1@SOzmAsHk4Rdl1`4cQLgDLIHS@)E2EiI# zz4Y$PFt6cUwW@}Aq@*cqKP^&rPB-8WpbB1X?@ZZOqxy-hX-!oUuc5E)%JqO76&Uiw zwI~H?Usvq-bVkT(eDXBXIY}@|^of-p!hYUqm>w3(sU8w1&o53q<>-4_7dk??4(fKV zE8slt)9c+1jfLb)5KF*?X!;;vp%%PJM?+%KMpw4XG8KBgLV9}tvhJ0AY+AGtEY41( zfY1!-{n7NWg8a4AC*qw?c8d{MWaZD<&41i^9Mp$llij1~5P-b0F$O sgqMQKs1t z)z(^@^}n{QgGUogET@JlC(y)?z#p5O%W0)O;qK_2K`oBf&tWB1H2R2ERxt5FikI%K z4GnY9yDQm>7E)FZ`>>*_AjO>ieAaPeSXI2V9 zR5E^huraT)n8e>8fF}V8Q%6TzUM40N7Z*ksHbxtJ6DAfO9v&uURwh 6k(LmMYY0SXGBp6u`Av$B 4vyl^0Lb44^gp(6PzA(5CS{0&jg!3*MBEu-?MV5r5MZN!w6}G# zxBN35un`l)5@H3IIsm=0{9BjrrQ{U<(c(7+CT3Q)e_8=#|C^ a ze;o+W{2#dgX8rfM|1k!v b?K4^K)=fZ})mykHw6GcfO;pR8amLlzb=1jNc> z#0Fw#0ds@6Az(HTD+I#HZNy=~&CJE~FHlm}4vq%aMv&i7063!=fWypez+=R2!~p_x z85@Gw**LjDhU`WLAP6Ufn}-#6aYI=C1wz5z4Dd<=%YPl!ZzwPT#R+C-XW=kr2eI+6 zv4Yr**o;61tgOr+HbXXJZX-5BZWdO9KTu#JUI`m}D+6FT&8!SeAWXK_CVwh^6V5BF zC?!C_%E #K6(UUe(6NQh?(3kjQ?w z{Nvta{C_Qqq?rR?;r83(|K{^55WByg{@MbTW`C;4$o{x3uYu8Doj4dcL%@GJ0^0pm zWn^k#Z2|%I_um}q@8xFy!(y>=uyGl)vVcJlV Wl$bf?x0^;Ii<}onl;NUg@ z8~r=FgN?DHi-A2v*aVm +B#%^xb?{=2n{Ddaa#%)s7eVF9tSsj{&1vhwh< zaL_X|1D-;`^tTB!{od7opD{nv|HTRaAA^5627q>dl>x^Ka9T0_ <_c zBrhhuDMrA+;H^oC39Gu!9VWZEs%|#*2$>8gQpfbMqO?Vp;=oCL#>9+L??f=f0;~MO zHN&~6j(CPs5crk0YkQjhn?*L+kiU7|Meua)G&CJlj*p7KRBb3sCFS2)`bJ8UEYZ(0 zCUMaIh}7(hENA(kti&gwk&ZKF6V~mw?{{RF$Ov%%AHUF;$Cm`4s=x3N ze25emHa9m#7U0^@110! 8RquHhmh{1pH7Gswc+ymw?I zx3n}eI{GCY9bH~=ahGug>_=w&z`#H S+FY8WH?x;i+Q-a zf-*RGp`f4`94*u_=rtzf<-H+4B3mENmihY1Gd%l*YPt|N2_x4_SGL%Ph4tIc#&?1g zc5iagFV`3D&z?Oa=CSu%?}<=RQxkV^sL(ITo!G@^H^o%Rm4|E%Cdwu-8+`0Kw6Al0 zdbo1CJFF?wF7~W5YtkEexLO{8f5HDb %H#>U#BNyY+eW_vxj`xUXpQjtyL&d(bF654kPLt8R_}Rj7dTwCn*`Y+#?K3 z@7uR;rJ4*gmYm8eDsEeeCbv_87g`Gt2m}m)*a35tZ~1A;PDM@4Vz(yt^5si>PD^|x zB_(_`L>Nm>BHR%F@p0wh6ag7Mz1QO6; B} zz*CVry>kOe{DA-7_FW7WidNj%{sn%R1hB}8YO(S9o{1Y98?8Zi>k&f6>)m0=+WT$3 zNENoLBI6SiLE+&?RnXM$-v^Es8}f^a4o*BwP2X5d7p=}OKRS;FeQ2`Byf|P|{9fq( zNJLF6H;Kk>H2s;AVh41&TFg`~`PL+G7~Ofl6<5+Gt5K^XRo8CNoxfrkx3RG?spmBm zEpsd| weAL2$Jim7r1Iaq8o zm~T6I*?#|~C6XAG`@3(ZVsQ9G7+osO;AVpi>F&?`6wh0;;bgw|zt?kpf2ng-y)c%= zsJql`B1i8@Z{mZ&)1F4l9@#-?C|b46^02PU;$}>(rqV0G**Y!{=My6 zgGu1Cux9;jZVlUL)ohGD#+&Wg>|vj4meS*krRCH`=>j xFq%kouz8P=WIXMw^ zJLYC)0wpq6TfN~!NrjfK))?vOjQ}^%!=3-ge6rv$Vs|#gb@za{J(wseD~m?NX?fyU zRj0$K=eCIh4C!GB^fIrzZOW10s?IWtsfO~#^dzldES>6yFL}t_Cyar_kw7lG&!jKI zD_;A#(JSi8XQ>3NjL+(&8s;f&Wlqq3yj=94YyY+0132v>%}}-FY (VrW47Uud>Ne~u3HUz-n|5MEtgi2b4m?S($x*4 zayp6)CFY4PDq@g`cpcUUHk` 4KN zKcP)=^#OgTb`8hD!>fQ^SsyiBEu}@}WktYtz(BF9?Ny;N5x#S((<7tPU#1bRm6y|_ z@?=s)qkqienVr~9LQ^H&ue$V-rRlv3>yCYM51jcVGRu57G0@RBv*Y#JKQb$R_z =Wu%(^LOztc4Xwq zI}zm27axP}F7L(?c!wz?t&@>(wpV+P;bV@kO)zrVj+w~Gy?c8loe$^4b##dB?Ckh& zHewhwOFxf~k24lGmF!vwL2Ec{w}+GUI;1EmDYcqExurheb#4Hnf+j f(x9#Ll`yZB1HE&J-9x$AHC4kKDxbi zzdT+(b~=c9|GEvl=Yd<3pC5F!1dT{aA~rWS{~YJ}i^pN>q!s=}WPE%N-*ICHp8hBA zf`T`}?Vy^4_HxJo|BEV+fq? UQbiyY8P%g2)dA=}M<90mB()c{gfo25orEG4l6D_PlE9EK-s)#59w-GS@VgXIUW z^ad|9Y~xD&6Y@;$`kL4GJiVyl-MnC3WZ6V?sbyh~L_57=5h9*E3y*yfMN&7E`Q}5v zg$6=rYhuh_zyWD{FvG%Wz0kWemZ?=~ip6F!yb(m3vU0jPAZ%6Fa8CMygm>e@Z7f6F zgD|b!?Q9F9-C9OXO)dUKbzNN|5UuJa(({5d95GLUD1~$&+#QibT*>5?*D`<`55wlQ za$}lss_VM5ENq?6beiV6V4yVllgrlN1C2g^ODJ36(MAQSXFx@ZtIwBq1wOp%l~q#- zg>H^VXM7=}k2)X3)6>(v`}?J(Wn^Z{jF14n7d);O5%`jW?|@+Q3J {(v`e@m56w9~0BazMqto zR8tB9obBG^+mew8flK`7c#P*sXH`G-&R$-|fj*3yvQJJ ^Hz8n=Yg6QmWZo*1 z;~YP6l|6r|5 p ziMhz_`Bt&%E}aEV?7ZC2c27{_6K&^ULd2ZZnyj)T$Y8E^7q)7l!R6Q(IG=$V&f5Aq z5Lz{h)mhot1p1ask~bOOzWsH}Z#;;fTKUCFcjwaD?QX>CX?jsEr_y5 (dVJ9RP#*{it4xz_Bb2Ze&CYSKRK5aDTN z3LT{K8vp45!o3h7f9uX-mM?d5Ge5CY<#YFyvjnvGsi>$rnZguGx)#6no~pIoOWl=M zF*UTd)FxwWcy)J@&}C&NI<#D~MB(T&FQuj7H>AGGXmBSfk-2rBY)dn96~B0Oj$|T7 zeHu9`-(o?>r_i`boZg+{)V14Qe}%ayr`~dyfpw60Ea)$*?_zQ7bjoTiX{TR&FqeTY zL&jc&_v1YBX#HxdpS5N2eQ8ni+JL27?wWNA!8`q}XhhVIu5qi`XOCT%U41{AOtplE zT=Pt5qpM798glQxG@jJDt~}tl+{McE_xJl;BF@Ew7#Zaor<`>z)(vrwe4h3NWm9fE z5)wQgutD1X{CRgSxwtnrq4!~?b$nrU0q8{Cxv6?Y#~*Zb2CZrqr``5P<-8mX4JjP9 zhc7+>!S>?TYyS8pHg-d(H~ZqbM>Pq}^R`7RF3ic=h5M|=V2$^;+xO|Q+hw}-pUICt z=q9|VgCyOg*Q~CDhd*cdBHob^YwK{ee=^Ic`_5}sb)X-OV(X}(HYPf{QE+?HNnnGC zf})-6WpP#(f|{CugKn-u>hSq)as(ag_n{)~s)7NeMdxlgm+$b^Ods^|Y+JDMo$EB6 z@}rp^YNsNU;@-^G#Tw8zBvw(=Gv6uIK6uu;5;CSDQQ@-^N+_5oB6&7JXIp%^i=W0f zmlOQ7&CLsbg3mKDG8nf@!U>%~DC09Ty-}3!Z*}v4+dv6-%OS^H&%70=hDr)nf0<6R z?!fU^ZL0rbaQ?}gur2}oGb=RTEVIb!SL3fgm#ILh4!YO)9cdjpWiI?{ftcR30Ir!| z%r>1@7@w)OBJz6J*T2(A%X}Yky08CKKW|ZKzcWf+qDaQWGi%`=XG4c0k4Ha1|JDh? zm;kpzFK6vSHp!_uHEO$BtL|QZ1grSUhW3h!X6s8F0gDx_!NF3~cj!@FZb#A)a5HDI zUf`Bb6-2KLwVp3EfbaN%ZnQI+E|3C$ ?b}^u&QI-rC=2fU#mSEkOHI(GaP-dW z#gCbtt6()Z>eyimsY=L}ZHvB3LgqK7id2Jh1^xG@W3N n Pc2qbeYxpq_#%0M90NH1Q4hm&~pylACf{tmMFxhbdi*)r17yt40hK|o$tq}xzE zaZ!Ll%)O%J|4jQ*{WeG8;=W+EO@WRs-(K&`*b|eW+i1)7elamWhT4!`F!x%>b1+Y> zMGWP5ITE6wLaA?DVqm*#vg5=GM_RWzI p4!YO*&Tfa!E{UpPrby$!EZ?Y-wJ4Aj%LLM zHQe)bJzaVbHgivH%W&XsD^)&1J9YS_TowElN4iiy6gx9FYzXR#qJR9g)^)Jlvdo5B z)ZCo%Qx6(ulIl_2v5fJWKVj%Qm&5svQaCY>h@Bk^2M5QZ{Lgc92s`1RF`H3$C^^6x z0h_Vo?6YdCc}{Z+3*dUfT>Rm+X>%!8MSVta;g2{I5UhfPcq!F57rZ;Wwt#wka2Zlc znG`+SoKx&`t%!`QVX8;{lupd$ibNy1?CrdnhYts|_V^?@hh<&Xwt2nv%{GZyKlkCw z4JsiR!mXL4V7&tb{_8eHCmqX+_pvORm#DKBR z2x`NA+4kt1v@l{n&RZHPDc^N-obYe-lc|Ejx^2t0y4Of$5(Exe%^D73=EQXMo_?^# z6|?l6&p8*YT~dvW^| z_PjZ&eYj@UtvVxEqGk{4a>AFQj%lH0Rq8q+=oJZ1+o+~)i6>sZM&Km9CK01DbfxC& z@oad fg#y36q(aIR< z+HY(kSJy>pi5|%_vyfkU_n|tf@9ih^iS=oM+jD4UhJj>Wc$qQ$dS;kxFbd>!MUh5~ zNQylG(`4LW{PK{b-U(6Aij~=3XSpjmF76A%06yB6w2&HfMBg6D%evZhNYTwV4vR)H zaK-HP&4|}9AOoyi1vlC(3#NEIx|KLhLbQwz=c+opyAj3r-P>4D0t%k@RtZ{^S5#-9 z?hDn7jll>J5qIgR^yJ55sP)`zNj=mr1!7S~zRdmA)>Z!+ofieaJg!N9I)lWEs3YLY zBQ`EyB{w=LDRjzQT Up9E-cI}DnbkBz*1#QRxhL$6ihie zdAxA)x|q^vygPN^Cp3a&Xdyk!xQ@{7pd}SlS9BN}?kec-!~+EQF9K-m&JAOx?C^p^ zJXBN&HS=K%1D11@L6eiJPr(gpD}X3K;)e;`sen`@K>+I9VuS~*oi{wvOqo%DNlaTc z#izae+)s3t`hj;6J-d#|nwq`P59PJAMd3V|Mx)#ZAZ%e(mt2eRyH`@?S~WUjtJ8b4 zE|;j#eOU%icLCt``0&F4Bf$5C(EVtIZq=-1w{gYT!UA!mY(14!Z+WPEZU>Nns;Kw^ z3FyP^MOJpU+qC>uVJ)oS%?9@G+@Fw$i0=~~Hg*T#%L#x$Qu33xq@ZB!WVPd9wjy^z zS3;Hs+v4XB$lhdr^VNx8EtKkW2p&`U{?PIYH#9gD-~a0j@>;tn^P5K!VPmKI{5%Va zl8iV}jU+#+r9puK&rSg8PW2aGhjE3HqGIcG@dqGbLn|nFiHrM1ujC4<*RyGFP&1!j zQu02U3P_)NfV;Z9w6t_;ecLUA_2<)5`||Q~UfH^Hgfl{P;NDBk!4d1{hX7m|3D`{| zO|rk{ ?+}kNL17(t0vuqS-d3X{5O()f)mIMPSHa7Ot<*do4^Rf4@UcCY` z`2E=9Ur30)-hqM0fSyzPa5 V;h&nO)T>FYx5# StBoxLayout { @@ -1129,17 +1094,16 @@ StScrollBar { .item-box { padding: 8px; - border-radius: 2px; + border-radius: $radius; &:outlined { padding: 8px; - border: 1px solid $selected_bg_color; + border: 1px solid $accent_color; } &:selected { - color: $selected_fg_color; - background-color: $selected_bg_color; - border: 0px solid $selected_bg_color; + background-color: $bg_color4; + border: 0px solid $accent_color; } } @@ -1195,161 +1159,6 @@ StScrollBar { &:rtl { background-image: url("common-assets/misc/corner-ripple.svg"); } } -// -// Modal dialogs -// -.lightbox { background-color: rgba(0, 0, 0, 0.4); } -.flashspot { background-color: white; } - -.modal-dialog { - background-color: $bg_color; - border: 1px solid $borders_color; - border-radius: 3px; - padding: 5px 10px; - - > StBoxLayout:first-child { - padding: 10px; - } - - &-button-box { - spacing: 0; - margin: 0px; - padding: 10px; - border: none; - background-color: $bg_color; - - .modal-dialog-button { - padding-top: 0; - padding-bottom: 0; - height: 30px; - - @extend %button; - } - } - - .confirm-dialog-title { - text-align: center; - font-weight: bold; - font-size: 1.3em; - padding-bottom: 12px; - } -} - -// -// Run dialog -// -.run-dialog { - padding: 10px 15px 10px 15px; - border: 1px solid $borders_color; - border-radius: 3px; - background-color: $bg_color; - - > * { padding: 0; } - - &-label { - font-size: 1.3em; - font-weight: bold; - color: $fg_color; - padding-bottom: 15px; - text-align: center; - } - - &-description { - color: $fg_color; - padding-top: 15px; - text-align: center; - - &.error { color: $error_color; } - } - - // &-error-label { color: $error_color; } - - // &-error-box { - // padding-top: 15px; - // spacing: 5px; - // } - &-completion-box { - padding-top: 5px; - padding-left: 15px; - font-size: 1em; - } - &-entry { - width: 21em; - height: 1.2em; - padding: 7px; - border-radius: 3px; - caret-color: $osd_fg_color; - selected-color: $selected_fg_color; - selection-background-color: $selected_bg_color; - - @include entry(osd); - - &:focus { @include entry(focus); } - } - .modal-dialog-button-box { - border: none; - box-shadow: none; - background: none; - } -} - -/* CinnamonMountOperation Dialogs */ -.cinnamon-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: $warning_color; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; - - &-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; - - &:rtl { - padding-left: 0px; - padding-right: 17px; - } - } - &-description { - padding-left: 17px; - width: 28em; - - &:rtl { padding-right: 17px; } - } -} - -.show-processes-dialog-app-list { - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; - - &:rtl { - padding-right: 49px; - padding-left: 32px; - } - - &-item { - color: #ccc; - - &:hover { color: white } - - &:ltr { padding-right: 1em; } - &:rtl { padding-left: 1em; } - - &-icon:ltr { padding-right: 17px; } - &-icon:rtl { padding-left: 17px; } - - &-name { font-size: 1.1em; } - } -} - // // Magnifier // @@ -1417,17 +1226,19 @@ StScrollBar { &-favorites-box { padding: 10px; transition-duration: 300; - background-color: darken($base_color, 5%); - border: 1px solid $borders_color; + background-color: $bg_color2; + border: 1px solid $menus_border_color; + border-radius: $radius; } &-favorites-button { padding: .9em 1em; border: 1px solid rgba(0,0,0,0); - border-radius: 2px; + border-radius: $radius; &:hover { - background-color: $noaccent_selected_bg_color; + background-color: $bg_color3; + border: 1px solid $menus_border_color; } } @@ -1456,8 +1267,9 @@ StScrollBar { &-selected { padding: 7px; color: $noaccent_selected_fg_color; - background-color: $noaccent_selected_bg_color; - border: 1px solid $borders_color; + background-color: $bg_color2; + border: 1px solid $menus_border_color; + border-radius: $radius; &:highlighted { font-weight: bold; } } @@ -1473,13 +1285,9 @@ StScrollBar { &-selected { padding: 7px; color: $noaccent_selected_fg_color; - background-color: $noaccent_selected_bg_color; - border: 1px solid $borders_color; - } - &:hover { - background-color: mix($noaccent_selected_bg_color, $bg_color, 40%); - border: 1px solid mix($borders_color, $bg_color, 40%); - border-radius: 0px; + background-color: $bg_color2; + border: 1px solid $menus_border_color; + border-radius: $radius; } &-greyed { padding: 7px; @@ -1518,6 +1326,7 @@ StScrollBar { min-height: 16px; font-weight: normal; caret-color: $fg_color; + border-radius: $radius; @extend %entry; } @@ -1531,54 +1340,6 @@ StScrollBar { .menu-context-menu { } -// -// OSD -// -.info-osd { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 16px; - color: $fg_color; - border: 1px solid $borders_color; - border-radius: 5px; - background-color: $bg_color; -} - -.restart-osd { - font-size: 1.6em; -} - -.workspace-osd { - font-size: 4em; -} - -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; - padding: 20px; - - color: $fg_color; - background-color: $bg_color; - border: 1px solid $borders_color; - border-radius: 5px; - - .osd-monitor-label { font-size: 3em; } - - .level { - padding: 0; - height: 0.7em; - background-color: transparentize(black, 0.5); - border-radius: 2px; - } - - .level-bar { - border-radius: 2px; - background-color: $selected_bg_color; - } -} - // // Window list (windowList.js) // @@ -1651,12 +1412,12 @@ StScrollBar { &:focus, &:running { color: $panel_fg; - border-color: $selected_bg_color; + border-color: $accent_color; background-color: transparentize($panel_fg, 0.8); } & .progress { - background-color: transparentize($selected_bg_color, 0.2); + background-color: transparentize($accent_color, 0.2); } } @@ -1669,7 +1430,7 @@ StScrollBar { &-preview { spacing: 6px; color: $fg_color; - border: 1px solid $borders_color; + border: 1px solid $menus_border_color; background-color: $bg_color; border-radius: 3px; padding: 6px 12px 12px 12px; @@ -1731,11 +1492,11 @@ StScrollBar { &:active, &:checked { color: $panel_fg; - border-color: $selected_bg_color; + border-color: $accent_color; } & .progress { - background-color: transparentize($selected_bg_color, 0.2); + background-color: transparentize($accent_color, 0.2); } } @@ -1757,7 +1518,7 @@ StScrollBar { &-badge { border-radius: 9999px; - background-color: $selected_bg_color; + background-color: $accent_color; margin: 0; } @@ -1771,7 +1532,7 @@ StScrollBar { &-thumbnail-menu { color: $fg_color; - border: 1px solid $borders_color; + border: 1px solid $menus_border_color; background-color: $bg_color; border-radius: 3px; padding: 0px; @@ -1787,11 +1548,11 @@ StScrollBar { &:outlined { padding: 8px; - border: 1px solid $selected_bg_color; + border: 1px solid $accent_color; } &:selected { - border: 1px solid $selected_bg_color; + border: 1px solid $accent_color; } } @@ -1927,93 +1688,71 @@ StScrollBar { -slider-height: 0.5em; -slider-background-color: if($variant == 'light', $button_border, darken($bg_color, 5%)); -slider-border-color: rgba(0,0,0,0); - -slider-active-background-color: $selected_bg_color; + -slider-active-background-color: $accent_color; -slider-active-border-color: rgba(0,0,0,0); -slider-border-width: 0px; -slider-handle-radius: 0px; } } -// -// Workspace Switcher applet (workspaceSwitcher.js) -// -#workspaceSwitcher { - spacing: 0px; - padding: 3px; -} +// workspace switcher applet -/* Controls the styling when using the "Simple buttons" option */ -.workspace-switcher { - padding-left: 3px; - padding-right: 3px; +.panel-top, +.panel-bottom { - .panel-left &, - .panel-right & { - padding: 0; - } + .workspace-switcher { padding: 0 4px;} } .workspace-button { - border: 1px solid transparentize(black, 0.6); - background-color: transparentize(black, 0.8); - width: 20px; - height: 14px; - color: transparentize($selected_fg_color, 0.55); - padding: 3px; - padding-top: 4px; - transition-duration: 200; + border: 1px solid $borders_color; + width: 2em; + color: $insensitive_fg_color; + background-color: transparentize($fg_color, 0.95); - &.vertical { - height: 1.5em; - width: 24px; - padding: 0; - padding-top: 3px; - padding-bottom: 3px; - } + &.vertical { height: 2em; } &:outlined { - background-color: $selected_bg_color; - color: $selected_fg_color; + background-color: $bg_color2; + color: $fg_color; - &:hover { - background-color: transparentize($selected_bg_color, 0.3); - color: $selected_fg_color; - } + &:hover { background-color: $bg_color3; } } - &:hover { - background-color: transparentize($fg_color, 0.8); - color: $selected_fg_color; + &:hover { background-color: $bg_color2; } + + &:shaded { // this is a workspace with no open windows + background-color: darken($bg_color, 5%); } } -/* Controls the style when using the "Visual representation" option */ +$workspace_window_color: if($variant == 'light', black, white); + .workspace-graph { - padding: 3px; - spacing: 6px; -} + padding: 4px; + spacing: 4px; -.workspace-graph .workspace { - border: 1px solid transparentize(black, 0.6); - background-color: transparentize(black, 0.8); -} + .workspace { + border: 1px solid transparentize($fg_color, 0.8); + background-color: $bg_color; -.workspace-graph .workspace:active { - border: 1px solid $selected_bg_color; -} + &:active { + border-color: $accent_color; -.workspace-graph .workspace .windows { - -active-window-background: lighten($panel_bg, 15%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 15%); - -inactive-window-border: rgba(0, 0, 0, 0.8); -} + .windows { + -active-window-background: transparentize($workspace_window_color, 0.7); + -active-window-border: transparentize($workspace_window_color, 0.65); + -inactive-window-background: transparentize($workspace_window_color, 0.9); + -inactive-window-border: transparentize($workspace_window_color, 0.85); + } + } -.workspace-graph .workspace:active .windows { - -active-window-background: lighten($panel_bg, 25%); - -active-window-border: rgba(0, 0, 0, 0.8); - -inactive-window-background: lighten($panel_bg, 5%); - -inactive-window-border: rgba(0, 0, 0, 0.8); + .windows { + -active-window-background: transparentize($workspace_window_color, 0.7); + -active-window-border: transparentize($workspace_window_color, 0.65); + -inactive-window-background: transparentize($workspace_window_color, 0.9); + -inactive-window-border: transparentize($workspace_window_color, 0.85); + } + } } // @@ -2029,7 +1768,9 @@ StScrollBar { padding-bottom: 2px; // border-bottom-width: 1px; transition-duration: 200; - &:hover { background-color: $noaccent_selected_bg_color; } + &:hover { + background-color: $bg_color2; + } } &.vertical { @@ -2058,6 +1799,10 @@ StScrollBar { // // Applets (applet.js) // + +//padding and spacing for applets +$applet_padding: 5px; + .applet { &-separator { padding: 1px 4px; @@ -2076,25 +1821,21 @@ StScrollBar { } &-box { - padding-left: 4px; - padding-right: 4px; - spacing: 4px; + padding: 0 $applet_padding; + spacing: $applet_padding; color: $panel_fg; text-shadow: none; transition-duration: 100; text-align: center; &.vertical { - padding-left: 0px; - padding-right: 0px; - padding-top: 3px; - padding-bottom: 3px; + padding: $applet_padding 0; } &:hover, &:checked { color: $noaccent_selected_fg_color; - background-color: $noaccent_selected_bg_color; + background-color: $bg_color2; } &:highlight { @@ -2136,11 +1877,8 @@ StScrollBar { // User Applet // .user-icon { - width: 32px; - height: 32px; - background-color: transparent; - border: none; - border-radius: 0; + border: 1px solid transparentize($fg_color, 0.5); + border-radius: 99px; } .user-label { @@ -2150,26 +1888,22 @@ StScrollBar { margin: 0px; } -// -// Cornerbar Applet -// +// cornerbar applet + .applet-cornerbar { width: 8px; background-color: $corner_bar_unhighlighted; + border: 1px solid $borders_color; - &-box { - padding: 4px 4px; - - &:hover > .applet-cornerbar { - background-color: $corner_bar_highlighted; - } - } + &.vertical { height: 8px; } - &.vertical { - height: 8px; + &-box { + background: none; } } +.applet-cornerbar-box:hover > .applet-cornerbar { background-color: $corner_bar_highlighted; } + // // Desklets (desklet.js) // @@ -2221,8 +1955,8 @@ StScrollBar { } &-drag-placeholder { - border: 2px solid $selected_bg_color; - background-color: transparentize($selected_bg_color, 0.7); + border: 2px solid $accent_color; + background-color: transparentize($accent_color, 0.7); } } @@ -2246,17 +1980,17 @@ StScrollBar { // Tile Preview // .tile-preview { - background-color: transparentize($selected_bg_color, 0.7); - border: 1px solid $selected_bg_color; + background-color: transparentize($accent_color, 0.7); + border: 1px solid $accent_color; - &.snap { background-color: transparentize($selected_bg_color, 0.4); } + &.snap { background-color: transparentize($accent_color, 0.4); } } .tile-hud { - background-color: transparentize($selected_bg_color, 0.7); - border: 1px solid $selected_bg_color; + background-color: transparentize($accent_color, 0.7); + border: 1px solid $accent_color; - &.snap { background-color: transparentize($selected_bg_color, 0.4); } + &.snap { background-color: transparentize($accent_color, 0.4); } &:top { border-top-width: 0px; } &:bottom { border-bottom-width: 0px; } diff --git a/cinnamon-shell/upstream/sass/_dialogs.scss b/cinnamon-shell/upstream/sass/_dialogs.scss new file mode 100644 index 0000000000..1bc84af5ff --- /dev/null +++ b/cinnamon-shell/upstream/sass/_dialogs.scss @@ -0,0 +1,467 @@ +// Modal dialogs + +$base_padding: 6px; +$base_margin: 4px; +$dialog_radius: 18px; +$osd_radius: 20px; + +// Mixin to convert provided font size in pt to em units +@mixin fontsize($size, $base: 16px, $unit: pt) { + // if pt, convert into unitless value with the assumption: 1pt = 1.091px + $adjusted_size: if($unit == pt, $size * 1.091, $size) * 1000; + $rounded_size: round($adjusted_size / $base) / 1000; + font-size: $rounded_size * 1em; +} + +// Button drawing function +@mixin styled_button($type, $tc:$fg_color, $c:$bg_color, $style: null) { + // + // $type: button type, possible values: + // - normal, focus, hover, active, checked, insensitive, default, undecorated + // $c: button bg color, derived from bg_color + // $tc: button text color, derived from fg_color + // $style: button style, possible values: flat, default + // + + // mix input colors to get button background color + $button_bg_color: $button_bg; + + // background color mix override for flat style; the button bg color is the background color input + @if $style == 'flat' { $button_bg_color: $c;} + // background color mix override for default button style + @if $style == 'default' { $button_bg_color: $c;} + + // button base state background colors + $hover_button_bg_color: if($variant =='light', darken($button_bg_color, 10%), lighten($button_bg_color, 10%)); + $active_button_bg_color: if($variant =='light', lighten($hover_button_bg_color, 5%), darken($hover_button_bg_color, 5%)); + $checked_button_bg_color: if($variant =='light', lighten($hover_button_bg_color, 5%), darken($hover_button_bg_color, 5%)); + $insensitive_button_bg_color: if($variant =='light', lighten($button_bg_color, 3%), darken($button_bg_color, 3%)); + $focus_button_bg_border_color: if($variant =='light', darken($button_bg_color, 30%), lighten($button_bg_color, 30%)); + + border: 1px solid $button_bg_color; + + // flat style overrides + @if $style == 'flat' { + $insensitive_button_bg_color: $button_bg_color; + } + + // normal style + @if $type == 'normal' { + color: $tc; + background-color: $button_bg_color; + } + + @if $type == 'focus' { + color: $tc; + background-color: $button_bg_color; + border: 1px solid $focus_button_bg_border_color; + } + + // hover button + @else if $type == 'hover' { + color: $tc; + background-color: $hover_button_bg_color; + } + + // active button + @else if $type == 'active' { + color: $tc; + background-color: $active_button_bg_color; + } + + // checked button + @else if $type == 'checked' { + color: $tc; + background-color: $checked_button_bg_color; + } + + // insensitive button + @else if $type == 'insensitive' { + $insensitive_button_fg_color: transparentize($tc, .5); + color: $insensitive_button_fg_color; + background-color: $insensitive_button_bg_color; + } + + // reset (unstyled button) + @else if $type == 'undecorated' { + background-color: transparent; + border-color: transparent; + box-shadow: none; + + &:insensitive { + background-color: transparent !important; + } + } +} + +%caption_heading { + font-weight: 700; + @include fontsize(9pt); +} + +%caption { + font-weight: 400; + @include fontsize(9pt); +} + +%title_2 { + font-weight: 800; + @include fontsize(15pt); +} + +%title_4 { + font-weight: 700; + @include fontsize(13pt); +} + +%heading { + font-weight: 700; + @include fontsize(11pt); +} + +%flat_styled_button { + @include styled_button(normal, $style: flat); + &:focus { @include styled_button(focus, $style: flat); } + &:hover { @include styled_button(hover, $style: flat); } + &:insensitive { @include styled_button(insensitive, $style: flat); } + &:selected, + &:active { @include styled_button(active, $style: flat); } + &:checked { @include styled_button(checked, $style: flat); } +} + +%dialog_button { + font-weight: bold; + padding: $base_padding * 2; + border-radius: $dialog_radius; + + @include styled_button(normal); + &:focus { @include styled_button(focus); } + &:hover { @include styled_button(hover); } + &:active { @include styled_button(active); } + &:checked { @include styled_button(checked); } + &:insensitive { @include styled_button(insensitive); } +} + +%dialog_button_default { + @extend %dialog_button; + + @include styled_button(normal, $c: $accent_color, $style: default); + &:focus { @include styled_button(focus, $c: $accent_color, $style: default); } + &:hover { @include styled_button(hover, $c: $accent_color, $style: default); } + &:active { @include styled_button(active, $c: $accent_color, $style: default); } + &:checked { @include styled_button(checked, $c: $accent_color, $style: default); } + &:insensitive { + border-color: $borders_color; + + @include styled_button(insensitive); + } +} + +%dialog_button_destructive { + @extend %dialog_button; + + @include styled_button(normal, $c: $osd_destructive_color, $style: default); + &:focus { @include styled_button(focus, $c: $osd_destructive_color, $style: default); } + &:hover { @include styled_button(hover, $c: $osd_destructive_color, $style: default); } + &:active { @include styled_button(active, $c: $osd_destructive_color, $style: default); } + &:checked { @include styled_button(checked, $c: $osd_destructive_color, $style: default); } + &:insensitive { + border-color: $borders_color; + + @include styled_button(insensitive); + } +} + +.dialog { + background-color: $bg_color; + border-radius: $dialog_radius; + border: 1px solid $borders_color; + padding: $base_padding * 3; + + .dialog-content-box { + margin-top: $base_margin * 2; + margin-bottom: $base_margin * 4; + spacing: $base_margin * 8; + max-width: 28em; + } + + .dialog-button { + @extend %dialog_button; + + &:default { @extend %dialog_button_default; } + &:destructive-action { @extend %dialog_button_destructive; } + } + + .confirm-dialog-title { + @extend %title_2; + text-align: center; + } +} + +// Lists in dialogs + +.dialog-list { + spacing: $base_padding * 3; + + .dialog-list-title { + @extend %heading; + text-align: center; + } + + .dialog-list-scrollview { max-height: 200px; } + .dialog-list-box { + spacing: 1em; + + .dialog-list-item { + spacing: 1em; + + .dialog-list-item-title { font-weight: bold; } + .dialog-list-item-description { + @extend %caption; + color: darken($fg_color, 5%); + } + } + } +} + +// End session dialog + +.end-session-dialog { + min-width: 40em; + + .dialog-content-box { spacing: 0; } + + .dialog-list { + spacing: 0; + + .dialog-list-title { + color: $warning_color; + background-color: tranparentize($warning_color, 0.9); + padding: $base_padding * 1.5; + border-radius: $osd_radius; + margin: $base_margin 0; + } + } +} + +// message dialog + +.message-dialog-content { + spacing: $base_padding * 3; + + .message-dialog-title { + text-align: center; + @extend %title_2; + + &.lightweight { @extend %title_4; } + } + + .message-dialog-description { text-align: center; } + + .message-dialog-caption { + @extend %caption; + text-align: center; + } +} + +// run dialog + +.run-dialog { + + .dialog-content-box { + margin: $base_margin; + } + + &-description { + @extend %caption; + + text-align: center; + color: darken($fg_color, 20%); + + &.error { color: $error_color; } + } + + &-completion-box { + padding-top: $base_padding; + padding-left: $base_padding * 2; + } + + &-entry { + @extend %entry; + + width: 20em; + height: 1.2em; + } +} + +// password or authentication dialog + +.prompt-dialog { + width: 28em; + + .dialog-content-box { + spacing: $base_margin * 4; + margin-bottom: $base_margin * 3; + } + + &-password-entry { + @extend %entry; + width: 20em; + } + + &-password-layout { spacing: $base_margin * 2;} + + &-error-label, + &-info-label, + &-null-label { + text-align: center; + @extend %caption; + } + + &-error-label { color: $error_color; } +} + +// polkit dialog + +.polkit-dialog { + + &-user-layout { + text-align: center; + spacing: 2px; + } + + &-user-combo { + @extend %flat_styled_button; + @extend %heading; + + border-radius: $radius; + padding: $base_padding $base_padding * 6; + + // special case the :insensitive button sinc we want + // the label to be the normal color when there are + // not multiple users + &:insensitive { color: $fg_color; } + } +} + +// Audio selection dialog + +.audio-device-selection-dialog { + min-width: 24em; + + .audio-selection-box { + spacing: $base_padding *2; + + .audio-selection-device { + @extend %flat_styled_button; + border-radius: $osd_radius; + + .audio-selection-device-box { + padding: $base_padding * 2; + spacing: $base_padding * 2; + } + + .audio-selection-device-icon { icon-size: 64px;} + } + } +} + +// various on screen popups + +%osd_base { + background-color: $bg_color; + border: 1px solid $borders_color; + border-radius: $osd_radius; + text-align: center; + padding: $base_padding * 4; +} + +// media keys osd + +.media-keys-osd { + @extend %osd_base; + @extend %title_4; + + margin-bottom: 1em; + border-radius: $osd_radius; + font-weight: bold; + spacing: $base_padding * 2; + padding: $base_padding * 2 $base_padding * 4; + & > * { spacing: $base_padding * 2; } + + StIcon { + icon-size: 32px; + } + + StLabel { + &:ltr { margin-right: $base_padding; } + &:rtl { margin-left: $base_padding; } + } + + .level { + min-width: 160px; + -barlevel-height: 6px; + -barlevel-background-color: $bg_color2; + -barlevel-active-background-color: $fg_color; + -barlevel-amplify-color: $warning_color; + -barlevel-amplify-separator-width: $base_padding * 0.5; + + &:ltr { margin-right: $base_padding; } + &:rtl { margin-left: $base_padding; } + } + + .level-bar { + border-radius: $osd_radius; + background-color: $fg_color; + } +} + +.info-osd { + @extend %osd_base; + + font-size: 1.2em; + font-weight: 700; + text-align: center; +} + +.workspace-switch-osd { + @extend %osd_base; + @extend %title_4; + + min-width: 140px; + margin-bottom: 1em; + border-radius: $osd_radius; + font-weight: bold; + padding: $base_padding * 2 $base_padding * 6 0 $base_padding * 6; + + &-indicator-box { spacing: $base_padding * 2; } + + &-indicator { + background-color: transparentize($fg_color, 0.5); + padding: 3px; + margin: 15px; + border-radius: 36px; + + &:active { + background-color: $accent_color; + padding: 6px; + margin: 12px; + } + } +} + +.monitor-label { + border-radius: 0; + color: black; + padding: $base_padding * 2; + text-align: center; +} + +// resize popup + +.resize-popup { + color: $fg_color; + background-color: $bg_color; + border-radius: $radius; + padding: $base_padding * 2; +} \ No newline at end of file diff --git a/cinnamon-shell/upstream/sass/_drawing.scss b/cinnamon-shell/upstream/sass/_drawing.scss index a3114af4ff..8ccb82a19e 100644 --- a/cinnamon-shell/upstream/sass/_drawing.scss +++ b/cinnamon-shell/upstream/sass/_drawing.scss @@ -9,15 +9,15 @@ @if $t==normal { color: $text_color; - background-color: $base_color; + background-color: $entry_bg; border: 1px solid $entry_border; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @if $t==focus { color: $fg_color; - background-color: $base_color; - border: 1px solid $selected_bg_color; + background-color: $entry_bg; + border: 1px solid $accent_color; box-shadow: inset 0 2px 4px transparentize($entry_bg, 0.95); } @@ -37,8 +37,8 @@ @if $t==osd-focus { color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; + background-color: $accent_color; + border: 1px solid $accent_color; box-shadow: inset 0 2px 4px transparentize(black, 0.95); } @@ -73,7 +73,7 @@ // color: $fg_color; background-color: $button_bg; - border: 1px solid $selected_bg_color; + border: 1px solid $accent_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @@ -83,7 +83,7 @@ // color: $fg_color; background-color: lighten($button_bg, 5%); - border: 1px solid $selected_bg_color; + border: 1px solid $accent_color; box-shadow: inset 0 2px 4px transparentize($button_bg, 0.95); } @@ -102,9 +102,9 @@ // pushed button // color: $selected_fg_color; - background-color: $selected_bg_color; - border: 1px solid $selected_bg_color; - box-shadow: inset 0 2px 4px $selected_bg_color; + background-color: $accent_color; + border: 1px solid $accent_color; + box-shadow: inset 0 2px 4px $accent_color; } @else if $t==insensitive { @@ -140,8 +140,8 @@ // active osd button // color: $selected_fg_color; - border: 1px solid $selected_bg_color; - background-color: $selected_bg_color; + border: 1px solid $accent_color; + background-color: $accent_color; } @else if $t==osd-insensitive { diff --git a/cinnamon-shell/upstream/sass/cinnamon-dark.scss b/cinnamon-shell/upstream/sass/cinnamon-dark.scss index 6e75827de5..c114587149 100644 --- a/cinnamon-shell/upstream/sass/cinnamon-dark.scss +++ b/cinnamon-shell/upstream/sass/cinnamon-dark.scss @@ -3,3 +3,4 @@ $variant: 'dark'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; +@import "_dialogs"; // new in Cinnamon 6.4 diff --git a/cinnamon-shell/upstream/sass/cinnamon.scss b/cinnamon-shell/upstream/sass/cinnamon.scss index 83092862c0..bda6c08ea8 100644 --- a/cinnamon-shell/upstream/sass/cinnamon.scss +++ b/cinnamon-shell/upstream/sass/cinnamon.scss @@ -3,3 +3,4 @@ $variant: 'light'; @import "_colors"; //use gtk colors @import "_drawing"; @import "_common"; +@import "_dialogs"; // new in Cinnamon 6.4