From ab5a80e7a3f183d01b03f4df464d73ba0f194474 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Tue, 10 Mar 2015 20:25:06 -0400 Subject: [PATCH] Rewrote GNOME Shell theme; fixed bugs in GTK theme --- .../assets/calendar-arrow-left.svg | 38 +- .../assets/calendar-arrow-right.svg | 45 +- .../assets/filter-selected-ltr.svg | 16 +- .../assets/filter-selected-rtl.svg | 18 +- Paper/gnome-shell/assets/toggle-off.svg | 113 +- Paper/gnome-shell/assets/toggle-on.svg | 80 +- .../assets/ws-switch-arrow-down.png | Bin 1277 -> 947 bytes .../gnome-shell/assets/ws-switch-arrow-up.png | Bin 1210 -> 972 bytes Paper/gnome-shell/gnome-shell.css | 4166 +++++++---------- Paper/gtk-3.0/apps/xfce.css | 4 +- Paper/gtk-3.0/gtk-common.css | 9 +- Paper/gtk-3.0/gtk.css | 2 +- Paper/gtk-3.0/widgets/buttons.css | 10 +- Paper/gtk-3.0/widgets/header-bar.css | 2 +- Paper/gtk-3.0/widgets/progressbars.css | 3 +- Paper/gtk-3.0/widgets/scales.css | 26 +- Paper/gtk-3.0/widgets/titlebar.css | 2 +- Paper/gtk-3.0/widgets/toolbars.css | 4 +- 18 files changed, 1798 insertions(+), 2740 deletions(-) diff --git a/Paper/gnome-shell/assets/calendar-arrow-left.svg b/Paper/gnome-shell/assets/calendar-arrow-left.svg index c03cf81..deaa123 100644 --- a/Paper/gnome-shell/assets/calendar-arrow-left.svg +++ b/Paper/gnome-shell/assets/calendar-arrow-left.svg @@ -13,34 +13,37 @@ height="16" id="svg2" version="1.1" - inkscape:version="0.48.4 r9939" + inkscape:version="0.91 r13725" sodipodi:docname="calendar-arrow-left.svg"> + inkscape:window-width="1366" + inkscape:window-height="699" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true"> @@ -72,11 +75,12 @@ x="-15.999998" height="16" width="16" /> - + diff --git a/Paper/gnome-shell/assets/calendar-arrow-right.svg b/Paper/gnome-shell/assets/calendar-arrow-right.svg index 3583355..626ed7e 100644 --- a/Paper/gnome-shell/assets/calendar-arrow-right.svg +++ b/Paper/gnome-shell/assets/calendar-arrow-right.svg @@ -13,34 +13,37 @@ height="16" id="svg2" version="1.1" - inkscape:version="0.48.4 r9939" - sodipodi:docname="calendar-arrow-left.svg"> + inkscape:version="0.91 r13725" + sodipodi:docname="calendar-arrow-right.svg"> + inkscape:window-width="1366" + inkscape:window-height="699" + inkscape:window-x="0" + inkscape:window-y="27" + inkscape:window-maximized="1" + inkscape:object-paths="true" + inkscape:snap-intersection-paths="true" + inkscape:object-nodes="true"> @@ -53,7 +56,7 @@ image/svg+xml - + @@ -67,18 +70,18 @@ transform="matrix(-1,0,0,1,15.999996,0)"> - + diff --git a/Paper/gnome-shell/assets/filter-selected-ltr.svg b/Paper/gnome-shell/assets/filter-selected-ltr.svg index 95cdf60..d43b57e 100644 --- a/Paper/gnome-shell/assets/filter-selected-ltr.svg +++ b/Paper/gnome-shell/assets/filter-selected-ltr.svg @@ -13,7 +13,7 @@ height="20" id="svg10003" version="1.1" - inkscape:version="0.48.4 r9939" + inkscape:version="0.91 r13725" sodipodi:docname="filter-selected-ltr.svg"> @@ -40,13 +40,13 @@ inkscape:pageopacity="1" inkscape:pageshadow="2" inkscape:zoom="1" - inkscape:cx="7.2403636" - inkscape:cy="8.2036011" + inkscape:cx="1.2833901" + inkscape:cy="9.9767902" inkscape:current-layer="layer1" showgrid="false" inkscape:document-units="px" inkscape:grid-bbox="true" - inkscape:window-width="1364" + inkscape:window-width="1366" inkscape:window-height="699" inkscape:window-x="0" inkscape:window-y="27" @@ -82,9 +82,9 @@ inkscape:groupmode="layer" transform="translate(0,-44)"> + style="fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;opacity:0.5" + d="M 0,54 8,46 8,62 Z" + id="path4137" + inkscape:connector-curvature="0" /> diff --git a/Paper/gnome-shell/assets/filter-selected-rtl.svg b/Paper/gnome-shell/assets/filter-selected-rtl.svg index 54f2ee5..1b27ec2 100644 --- a/Paper/gnome-shell/assets/filter-selected-rtl.svg +++ b/Paper/gnome-shell/assets/filter-selected-rtl.svg @@ -13,8 +13,8 @@ height="20" id="svg10003" version="1.1" - inkscape:version="0.48.4 r9939" - sodipodi:docname="filter-selected-ltr.svg"> + inkscape:version="0.91 r13725" + sodipodi:docname="filter-selected-rtl.svg"> + style="opacity:0.5;fill:#ffffff;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" + d="M 10,54 2,46 2,62 Z" + id="path4137" + inkscape:connector-curvature="0" /> diff --git a/Paper/gnome-shell/assets/toggle-off.svg b/Paper/gnome-shell/assets/toggle-off.svg index 7ffb7c1..664d2c8 100644 --- a/Paper/gnome-shell/assets/toggle-off.svg +++ b/Paper/gnome-shell/assets/toggle-off.svg @@ -14,7 +14,7 @@ height="21" id="svg2857" version="1.1" - inkscape:version="0.48.4 r9939" + inkscape:version="0.91 r13725" sodipodi:docname="toggle-off.svg"> @@ -43,12 +43,44 @@ inkscape:vp_y="0 : 1000 : 0" inkscape:vp_x="0 : 0.5 : 1" sodipodi:type="inkscape:persp3d" /> + + + + + + inkscape:guide-bbox="true" + showborder="true"> - - + + + - diff --git a/Paper/gnome-shell/assets/toggle-on.svg b/Paper/gnome-shell/assets/toggle-on.svg index e14a99c..937e573 100644 --- a/Paper/gnome-shell/assets/toggle-on.svg +++ b/Paper/gnome-shell/assets/toggle-on.svg @@ -14,7 +14,7 @@ height="21" id="svg2857" version="1.1" - inkscape:version="0.48.5 r10040" + inkscape:version="0.91 r13725" sodipodi:docname="toggle-on.svg"> @@ -93,14 +93,14 @@ borderopacity="1.0" inkscape:pageopacity="1" inkscape:pageshadow="2" - inkscape:zoom="1" - inkscape:cx="23.58924" - inkscape:cy="11.071392" + inkscape:zoom="8.0384568" + inkscape:cx="33.883431" + inkscape:cy="8.8706673" inkscape:document-units="px" inkscape:current-layer="layer1" showgrid="false" - inkscape:window-width="1364" - inkscape:window-height="710" + inkscape:window-width="1366" + inkscape:window-height="699" inkscape:window-x="0" inkscape:window-y="27" inkscape:window-maximized="1" @@ -112,7 +112,8 @@ inkscape:snap-bbox-midpoints="true" inkscape:snap-bbox-edge-midpoints="true" showguides="true" - inkscape:guide-bbox="true"> + inkscape:guide-bbox="true" + showborder="true"> image/svg+xml - + @@ -138,42 +139,37 @@ inkscape:groupmode="layer" id="layer1" transform="translate(-444.64286,-782.36218)"> - - + style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.05;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:#000000;stroke-width:2;stroke-opacity:1;marker:none;enable-background:new" + id="rect4218" + width="17" + height="16.999981" + x="489.64288" + y="785.36218" + ry="8.3779802" /> + + - + width="17" + height="16.999981" + x="489.64288" + y="784.36218" + ry="8.3779802" /> diff --git a/Paper/gnome-shell/assets/ws-switch-arrow-down.png b/Paper/gnome-shell/assets/ws-switch-arrow-down.png index b6252599ebb88a71f3274435f4b21313468bb672..904f8caa68c538575bec59a64ed460da89a726ad 100644 GIT binary patch delta 822 zcmey%xtV=JS3R?^r;B4q#hkZuJd1=K1zh)^O<}TVe$Obq?%0N;7^BT8Y3ybj5_d5z zPdGNi(I@HRDGueRweQ}XIkoEDf2FFGr><15o2tUxBH+ZKsN#Q((MRWZS-Zm@7!IWhC59 z=}s%+pK!=gx1BME(c-C1x_!z136*d6h%?BrZ{U59(G>Y#;nUNzRc;Z@dIzMB&u#G9 zcg9O9F>YUdd5aA5n{%-PnDdi_4G27TbLpynp%!)Rs+bxgu!7xKGFO za?rnIl_~m5dOk!K-n-uRxnAd~y;DPtVrWZz*Jd%+4b%2tJ2Y8aQz?U~X0_$kwvACr1%{tF%z|{AV#Ax z5~B;3!+k+81fzjSFcOUfh_@)9M#Xr;AHc$$dq9!lCYLD}^9}hzGBe$$t4^IW)RXjX z`c(D%q`Eub^hqK@;KwrW2JUx4fHNV$nGoR2a_ZU`GoAVgj6r zXF#LG1Sk;`;D1a!1Dpu~fgLRfhzW2e9>VjHQhG$I5d(@$z|ah`1*DWFfpaOPsUZz? zpxOx-UHiFF7I}zB?*o_wrkM>#fT^5yI@Ve>R;SN#-m0fjUsGeXrh&<ZW2?c%uFMp0!6^K#3)Ji_K{I?43BZb41b-|NewGC7@YN*@5OC2U{N55Q z!k;^~DP8z-ZvnuzjQX7}>pz(zU=8rIw*+Q?Qpl-ysgm%20@m~vP>Y1p0+ho)1FT-KUWbOXCG5xu zC8y568Gm(lC|>7}i-q4wz?g(zyd;zmpd9`Wz(bwt_Gr*eLgxCHox=aVYxunccuD|f ztOO{B{~hpPuT1;=v5|zG9ctdmSa-U^x;quG`x;oEVyMGk>JqfHDl;Mz*OG(fYpd9|!L&H}Q zFec$wD+$2Oj5V$qhW{0?QYAZ$MT{iu9$WjrAp(HiihX^l6~3wfO9`0*t{a5^g=YBb z0<0teH*y3hhyOXSLOZWC3Qd)i(pum&@Pzu}K70mj5RqHj3!8i!Dk9UsQ^0Q)>lfxz zjDNxh!;f>9h=dauh7ZPHM~_MP-Lj4m$APCsq64uj}gk!)n*5N~;{Q-?h zI7*@Lq2LCMMkIU!Y!s0@r3x0^Ayc`8kAY`Ph7S%~lq!|*5%65;@WE-1SY>ZVM}X%= zWX7Yo+a^5`xs1Pr4}ncy;e+!o$uS9M9e>Jy0BrUQA1c_UI+C!SvJwshFL;L!6$pUh z5)M&G_)v)eC??^3;6<_c2{@B#1c14OgTPBQg%6bp05b^(fR}3vA1V|8>Jr`qUa2vB zz~(<fB0-&>mw?*XjLM^G#i~v|v!d?-1qi{=uX-WXhD`Ag_yy?`^ zAgX>1U5J#@I%Z!{&xpud-u>j#tN?(N(u9cI@a|&>O$%5GH1`ZxYJ>o1LVz>>0|qot U&3fG(RsaA107*qoM6N<$f);lK%m4rY diff --git a/Paper/gnome-shell/assets/ws-switch-arrow-up.png b/Paper/gnome-shell/assets/ws-switch-arrow-up.png index 1ae6f4f0938a88ae59aff50da0848f0dd3f56b5c..3fcbeec65f638a7a021b532390a1b55a96c9bcdb 100644 GIT binary patch delta 847 zcmV-V1F-zM3CstOihlzvNklV##?@x8^FPg?@=XD^3&V|4rP0r%7~V)2z!uAewte-!as7$ zPjeeZC?;PKC@(+F9cD1XP~@k%3mgu8;{h==`7;$^sPfa?W5f}LEFh z;RTKnO3H_P0l+uHOB^DUmJiKW&6d5^410lpgazX{1|c7sFPbg;ts3_O-w3ZTMp$+{ zgjGJ234Z`^&baSxvt&8IX<)@+^FH#S`D)Fw@28&og3nD@1I}0v&^JO~`A{|h^o!6- ze!?2TLq0U$=vZEU#c6-AMR1Xy=o-OGKERO<`);3)j%R>w5nSab+D7n{55oxn?IMK8 zPwW@LTRt@3@nm3kjFt$=CK8MTjH=?sp0<3WJF z6reCQ1Q<0n1keo-anuk%H=r;IAmXSYfNnrx6hOpLLjc`?!YF`c4JeEPh&XBppc_ya1rTx65I{GeFbW{zs3CxEKw%U>#8E?lQQrU|gb+d$ Z;xFaSPfth*1=aun002ovPDHLkV1kZKb_)Oi delta 1087 zcmV-F1i<^u2f7K6ihl$eNklYm1Fh6vzK-W-#OWPWdF~QxJ)WL?VeKk#T>k zBvBJda!HcBBPV2XiEpA@$8FqgZ}zTfV$SpIz1CiPAM01=<+Ik>|KF_H)6AS1a?Zif zV?cX={~Z&cj0sT21SnIr03sUJo*|WL1rX690OLe-Tzi%jhJUmNh{1>71<(P|AtG|l z?Nc5rit09CTKIvzM07%Fq$H{m@Q?5Vdx+>{=8=-AMnI471G|anRHl(ws6s%)@B_Pu z=(O-iY!ok`W%z-eM07@IBvz>8Z^lK2Kb0{6J6yqsEOrAJ!Uuru0LF-jc&6f~NC8aY z2ett?TdIWO1b;AxAJ_`uT!|8j5+D?QU<-irrAa78fN=PM%>XVCQ8DK(VvtPX2R5M~ z3F<>+4nMFFz{L_Is1BeMeqaNDOWG3Dnk$DNSP$Sb5e;e$pdz4<@B`}rT+xz{T|i;s z2i5|(sv#k(fI`C$tO0P1h_e2aFq?qF!w;-RW(ipYRDTkFU=@Jtxg>}Ss4V=zN&q*A zXqI#%Q2~{PA6S7562t^l9)4gsfSW`#TdIMGfIbO7und9{*aZlLe+VHoW;D2izVVv(SfZ-wpNQdux{D`RY`7d=iC3HC?6dyjP009a20F0;z5D5S94849v z)cZ6;y~B)i-%pWHeE7cKuZWr-d(`BV@BqNvECO@bwQdp6d~S`K$so!+%c@@V;daP6>~jN+>@3Tml3nJOQvE zNq|832O~nE$X*j|d-;9`8PEH)mxQ9j*AO5e;TeF1F#@{U;rlrTB744z?I|Fk8zZ0t zV1l9ffy5vNH3azH2N=#j0ie@b0F#8I@Dl~RP3_GfVaD)#3P_ZY9KP>A6nXeJ9Q_j{ z^nVP$k$^}Eql|~2r7ghEG0Gi&V*xECu!Wx};5FwQEhID!zm7r3(0qgsAYN1x%A57QXK@94X+X?_aeGLvmPS=CLU%{b}s6N&%GYSSb!1NFCQ zHlV0?wsX_Z0pp4xCm0}yf zgl&K_b_Z0731GrL1u0{nf($uo5MUdijNJj1VjIAOZGbX%2N-hHAiy?2853a0Q8 .overview-icon, -.show-apps > .overview-icon, -.grid-search-result .overview-icon { - font-size: 9pt; - font-weight: bold; -} - -/* Scroll Bars */ +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 68px; } +StScrollView.hfade { + -st-hfade-offset: 68px; } StScrollBar { - padding: 0; -} - -StScrollView.vfade { - -st-vfade-offset: 68px; -} - -StScrollView.hfade { - -st-hfade-offset: 68px; -} - -StScrollView StScrollBar { - min-width: 12px; - min-height: 12px; -} - -StScrollBar StBin#trough { - background-color: rgba(0,0,0,0.4); - border-radius: 6px; -} - -StScrollBar StButton#vhandle, -StScrollBar StButton#hhandle { - background-color: rgba(255,255,255,0.2); - border: 1px solid transparent; - border-radius: 6px; -} - -StScrollBar StButton#hhandle:hover, -StScrollBar StButton#vhandle:hover { - background-color: rgba(255,255,255,0.3); - border: 1px solid transparent; -} - -StScrollBar StButton#hhandle:active, -StScrollBar StButton#vhandle:active { - background-color: rgba(255,255,255,0.4); - border: 1px solid transparent; -} - -/* Check Boxes */ - -.check-box StBoxLayout { - spacing: .8em; -} - -.check-box StBin { - width: 28px; - height: 28px; - background-image: url("assets/checkbox-off.svg"); -} - -.check-box:focus StBin { - background-image: url("assets/checkbox-off-focused.svg"); -} - -.check-box:checked StBin { - background-image: url("assets/checkbox.svg"); -} - -.check-box:focus:checked StBin { - background-image: url("assets/checkbox-focused.svg"); -} + padding: 0; } + StScrollView StScrollBar { + min-width: 14px; + min-height: 14px; } + StScrollBar StBin#trough { + border-radius: 0; + background-color: transparent; } + StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 8px; + background-color: #454d50; + margin: 3px; } + StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: #515a5a; } + StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #9FB0B9; } /* Slider */ - .slider { - height: 1.4em; - -slider-height: 0.3em; - -slider-background-color: rgba(255,255,255,0.3); - -slider-border-color: rgba(255,255,255,0.2); - -slider-active-background-color: #97A7AB; - -slider-active-border-color: #97A7AB; - -slider-border-width: 1px; - -slider-handle-radius: 6px; -} + height: 1em; + -slider-height: 4px; + -slider-background-color: #323636; + -slider-border-color: rgba(0, 0, 0, 0.2); + -slider-active-background-color: #9FB0B9; + -slider-active-border-color: #8298a3; + -slider-border-width: 1px; + -slider-handle-radius: 6px; } -/* PopupMenu */ - -.popup-menu { - min-width: 200px; - padding-right: 0.2em; - padding-left: 0.2em; - padding-bottom: 0.2em; -} - -.popup-menu-ornament { - text-align: right; - width: 1em; -} - -.popup-menu-boxpointer, -.candidate-popup-boxpointer { - -arrow-border-radius: 1em; - -arrow-background-color:rgb(30, 39, 43); - -arrow-border-width: 1px; - -arrow-border-color: rgba(255,255,255,0.2); - -arrow-base: 0; - -arrow-rise: 0; -} - -.unicode-arrow { - font-size: 100%; -} - -.popup-submenu-menu-item:open { - background-color: #2C3A40; -} - -.popup-sub-menu { - background-gradient-start: rgb(37, 49, 54); - background-gradient-end: rgb(37, 49, 54); - background-gradient: vertical; - padding-top: 0.5em; - padding-bottom: 0.5em; - box-shadow: none; -} - -.popup-sub-menu:scrolled .popup-menu-item:ltr { - padding-right: 0em; -} - -.popup-sub-menu:scrolled .popup-menu-item:rtl { - padding-left: 0em; -} - -.popup-sub-menu StScrollBar { - padding: 4px; -} - -.popup-sub-menu StScrollBar StBin#trough { - border-width: 0; -} - -.popup-sub-menu StScrollBar StBin#vhandle { - background-color: #4c4c4c; - border-width: 0; -} - -.popup-menu-content { - padding: 1em 0em; -} - -.popup-menu-item { - spacing: 1em; -} - -.popup-menu-item:ltr { - padding: .4em 1.75em .4em 0em; -} - -.popup-menu-item:rtl { - padding: .4em 0em .4em 1.75em; -} - -.popup-menu-item:active { - background-color: rgba(255,255,255,0.2); -} - -.popup-menu-item:insensitive { - color: rgba(255,255,255,0.3); -} - -.popup-image-menu-item { -} - -.popup-separator-menu-item { - -gradient-height: 1px; - -gradient-start: rgba(255,255,255,0.2); - -gradient-end: rgba(255,255,255,0.2); - -margin-horizontal: 0; - height: 1px; - padding: 16px 0; -} - -.popup-alternating-menu-item:alternate { - font-weight: bold; -} - -.popup-status-menu-item { - font-weight: normal; - color: #999; -} - -.popup-inactive-menu-item, .popup-inactive-menu-item:insensitive { - color: white; -} - -.popup-menu-icon { - icon-size: 1.09em; -} +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; } +.check-box StBin { + width: 24px; + height: 22px; + background-image: url("assets/checkbox-off.svg"); } +.check-box:focus StBin { + background-image: url("assets/checkbox-off-focused.svg"); } +.check-box:checked StBin { + background-image: url("assets/checkbox.svg"); } +.check-box:focus:checked StBin { + background-image: url("assets/checkbox-focused.svg"); } /* Switches */ .toggle-switch { - width: 72px; - height: 21px; -} + width: 72px; + height: 21px; + background-size: contain; } + +.toggle-switch-us { + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-us:checked { + background-image: url("assets/toggle-on.svg"); } -.toggle-switch-us, .toggle-switch-intl { - background-image: url("assets/toggle-off.svg"); - background-size: contain; -} -.toggle-switch-us:checked, -.toggle-switch-intl:checked { - background-image: url("assets/toggle-on.svg"); - background-size: contain; -} + background-image: url("assets/toggle-off.svg"); } + .toggle-switch-intl:checked { + background-image: url("assets/toggle-on.svg"); } -/* Network */ +/* links */ +.shell-link { + color: #9fb0b9; } + .shell-link:hover { + color: #aebcc4; } -.nm-dialog { - max-height: 500px; - min-height: 450px; - min-width: 470px; -} +/* Modal Dialogs */ +.headline { + font-size: 110%; } -.nm-dialog-content { - spacing: 20px; -} +.lightbox { + background-color: black; } -.nm-dialog-header-hbox { - spacing: 10px; -} +.flashspot { + background-color: white; } -.nm-dialog-header-icon { - icon-size: 32px; -} - -.nm-dialog-scroll-view { - border: 1px solid #666; - border-radius: 6px; -} - -.nm-dialog-header { - font-weight: bold; -} - -.nm-dialog-item { - font-size: 12pt; - border-bottom: 1px solid #666; - padding: 12px; -} - -.nm-dialog-item:checked { - background-color: #333; -} - -.nm-dialog-item-box { - spacing: 20px; -} - -.nm-dialog-icons { - spacing: .5em; -} - -.nm-dialog-icon { - icon-size: 16px; -} - -/* App view */ -.app-view-controls { - padding-bottom: 32px; - border-radius: 0; -} - -.app-view-control:first-child:ltr, -.app-view-control:last-child:rtl { - border-radius: 0 0 0 0; - border-right-width: 0; -} - -.app-view-control:last-child:ltr, -.app-view-control:first-child:rtl { - border-radius: 0 0 0 0; -} - -.app-view-control { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.0); - background-gradient-end: rgba(255,255,255,0.0); - padding: 1em 32px; - border: none; - background: none; - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.4); -} - -.app-view-control:hover { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.0); - background-gradient-end: rgba(255,255,255,0.0); - box-shadow:inset 0 -4px 0 0 rgba(255,255,255,0.8); - transition:200ms; -} - -.app-view-control:checked { - border: none; - background: none; - box-shadow:inset 0 -4px 0 0 rgba(255,255,255,0.8); -} - -.app-view-control:focus { - padding: 3px 31px; - border: none; - background: none; - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.4); -} - -.app-view-control:first-child:ltr:focus, -.app-view-control:last-child:rtl:focus { - border-right-width: 0; -} - - -/* Buttons */ - -.candidate-page-button, -.notification-button, -.notification-icon-button, -.hotplug-notification-item, -.hotplug-resident-eject-button, -.modal-dialog-button { - height: 26px; - border: none; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.2); - /*box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.4);*/ - border-top: 1px solid rgba(255,255,255,0.3); -} - -.modal-dialog-button { - font-weight: bold; -} - -.candidate-page-button:hover, -.notification-button:hover, -.notification-icon-button:hover, -.hotplug-notification-item:hover, -.hotplug-resident-eject-button:hover, -.modal-dialog-button:hover { - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.2); -} - -.notification-button:focus, -.notification-icon-button:focus, -.hotplug-notification-item:focus, -.modal-dialog-button:focus { - border-width: 0; -} - -.candidate-page-button:active, -.candidate-page-button:pressed, -.notification-button:active, -.notification-icon-button:active, -.hotplug-notification-item:active, -.hotplug-resident-eject-button:active, -.modal-dialog-button:active, -.modal-dialog-button:pressed { - border-top: 1px solid rgba(255,255,255,0.2); - background-gradient-start: rgba(255,255,255,0.15); - background-gradient-end: rgba(255,255,255,0.15); -} - -.candidate-page-button:insensitive, -.notification-button:insensitive, -.notification-icon-button:insensitive, -.modal-dialog-button:insensitive { - border-color: #666666; - color: #9f9f9f; - background-gradient-direction: none; - background-color: rgba(102, 102, 102, 0.15); -} - -/* Common radii */ - -.modal-dialog-button, -.notification-button, -.hotplug-notification-item, -#screenShieldNotifications { - border-radius:0.5em; -} - -/* Dialog Entries */ - -.search-entry, -.run-dialog-entry, -.login-dialog StEntry, -.notification StEntry, -.modal-dialog StEntry { - border-radius: 0; - - padding: 4px 4px; - - color: rgba(255,255,255,0.5); - caret-color: rgba(255,255,255,0.5); - border: none; - - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.5); - - background: none; - background-color:rgba(0,0,0,0.2); - background-gradient-start: rgba(0,0,0,0); - background-gradient-end: rgba(0,0,0,0); - background-gradient-direction: vertical; - transition-duration: 300ms; - - font-size: 12pt; - caret-size: 1px; - selected-color: white; - padding: 4px 12px 6px 12px; -} - -.search-entry, -.login-dialog StEntry:focus, -.notification StEntry:focus, -.modal-dialog StEntry:focus { - border-radius: 0; - - color: rgba(255,255,255,1.0); - caret-color: rgba(255,255,255,1.0); - border: none; - - background-gradient-start: rgba(255,255,255,0.0); - background-gradient-end: rgba(255,255,255,0.0); - background-gradient-direction: vertical; - - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.7); -} - -.search-entry, -.login-dialog StEntry:insensitive, -.notification StEntry::insensitive, -.modal-dialog StEntry:insensitive { - border-radius: 0; - - color: rgba(255,255,255,1.0); - caret-color: rgba(255,255,255,1.0); - /*border: 1px solid #97A7AB;*/ - border: none; - - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.2); - background-gradient-direction: vertical; - - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.2); -} - - -/* Search Entry/Box */ - -.search-entry, -#searchEntry { +.modal-dialog { + border-radius: 10px; + color: #dbdee0; + background-color: rgba(45, 51, 53, 0.95); + border: 1px solid rgba(0, 0, 0, 0.5); + padding: 24px; } + .modal-dialog .run-dialog-entry { width: 20em; - - border-radius: 0; - color: rgba(255,255,255,0.5); - caret-color: rgba(255,255,255,0.5); - border: none; - - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.5); - - background: none; - background-color:rgba(0,0,0,0.2); - background-gradient-start: rgba(0,0,0,0); - background-gradient-end: rgba(0,0,0,0); - background-gradient-direction: vertical; - transition-duration: 300ms; - + background-color: #dbdee0; + color: #2d3335; + margin-bottom: 6px; } + .modal-dialog .run-dialog-error-box { + padding-top: 16px; + spacing: 6px; } + .modal-dialog .run-dialog-button-box { + padding-top: 1em; } + .modal-dialog .run-dialog-label { font-size: 12pt; - caret-size: 1px; - selected-color: white; - padding: 4px 12px 8px 12px; -} - - -.search-entry:hover, -#searchEntry:hover { - color: rgba(255,255,255,1.0); - caret-color: rgba(255,255,255,1.0); - border: none; - - background-gradient-start: rgba(255,255,255,0.05); - background-gradient-end: rgba(255,255,255,0.05); - background-gradient-direction: vertical; -} -.search-entry:focus, -#searchEntry:focus { - color: rgba(255,255,255,1.0); - caret-color: rgba(255,255,255,1.0); - border: none; - - background-gradient-start: rgba(0,0,0,0.0); - background-gradient-end: rgba(0,0,0,0.0); - background-gradient-direction: vertical; - - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.7); -} - -#searchEntry:hover .search-entry-icon, -#searchEntry:focus .search-entry-icon { - color: #fff; -} - -/* Search Results */ - -#searchResults { - padding: 20px 10px 0 10px; - spacing: 18px; -} - -#searchResultsBin { - max-width: 1000px; -} - -#searchResultsContent { - padding-left: 20px; - padding-right: 20px; - spacing: 16px; -} - -.search-section { - /* This should be equal to #searchResultsContent spacing */ - spacing: 16px; -} - -.search-section-separator { - -gradient-height: 1px; - -gradient-start: rgba(255,255,255,0); - -gradient-end: rgba(255,255,255,0.5); - -margin-horizontal: 1.5em; - height: 1px; -} - -.search-section-content { - /* This is the space between the provider icon and the results container */ - spacing: 32px; -} - -.search-statustext { - color: #efefef; - font-size: 2em; font-weight: bold; -} + color: #dbdee0; + padding-bottom: .4em; } -.list-search-results { - spacing: 3px; -} +.button-dialog-button-box { + spacing: 18px; + padding-top: 48px; } -.dash-label { - border-radius: 7px; - padding: 4px 12px; - background-color: rgba(0,0,0,0.5); - text-align: center; - -x-offset: 1em; -} +.show-processes-dialog-subject, +.mount-question-dialog-subject, +.end-session-dialog-subject { + font-size: 14pt; } -.prompt-dialog-password-entry .capslock-warning, -.login-dialog-prompt-entry .capslock-warning { - icon-size: 16px; - warning-color: #999; - padding: 0 4px; -} +/* End Session Dialog */ +.end-session-dialog { + spacing: 42px; + border: 2px solid rgba(159, 176, 185, 0.2); } +.end-session-dialog-list { + padding-top: 20px; } -/********* - * Panel * - *********/ +.end-session-dialog-layout { + padding-left: 17px; } + .end-session-dialog-layout:rtl { + padding-right: 17px; } +.end-session-dialog-description { + width: 28em; + padding-bottom: 10px; } + .end-session-dialog-description:rtl { + text-align: right; } + +.end-session-dialog-warning { + width: 28em; + color: #f67d42; + padding-top: 6px; } + .end-session-dialog-warning:rtl { + text-align: right; } + +.end-session-dialog-logout-icon { + border-radius: 5px; + width: 48px; + height: 48px; + background-size: contain; } + +.end-session-dialog-shutdown-icon { + color: #dbdee0; + width: 48px; + height: 48px; } + +.end-session-dialog-inhibitor-layout { + spacing: 16px; + max-height: 200px; + padding-right: 65px; + padding-left: 65px; } + +.end-session-dialog-session-list, +.end-session-dialog-app-list { + spacing: 1em; } + +.end-session-dialog-list-header { + font-weight: bold; } + .end-session-dialog-list-header:rtl { + text-align: right; } + +.end-session-dialog-app-list-item, +.end-session-dialog-session-list-item { + spacing: 1em; } + +.end-session-dialog-app-list-item-name, +.end-session-dialog-session-list-item-name { + font-weight: bold; } + +.end-session-dialog-app-list-item-description { + color: #e2e2df; + font-size: 10pt; } + +/* ShellMountOperation Dialogs */ +.shell-mount-operation-icon { + icon-size: 48px; } + +.show-processes-dialog, +.mount-question-dialog { + spacing: 24px; } + +.show-processes-dialog-subject, +.mount-question-dialog-subject { + padding-top: 10px; + padding-left: 17px; + padding-bottom: 6px; } + +.mount-question-dialog-subject { + max-width: 500px; } + +.show-processes-dialog-subject:rtl, +.mount-question-dialog-subject:rtl { + padding-left: 0px; + padding-right: 17px; } + +.show-processes-dialog-description, +.mount-question-dialog-description { + padding-left: 17px; + width: 28em; } + +.show-processes-dialog-description:rtl, +.mount-question-dialog-description:rtl { + padding-right: 17px; } + +.show-processes-dialog-app-list { + max-height: 200px; + padding-top: 24px; + padding-left: 49px; + padding-right: 32px; } + +.show-processes-dialog-app-list:rtl { + padding-right: 49px; + padding-left: 32px; } + +.show-processes-dialog-app-list-item { + color: #dbdee0; } + .show-processes-dialog-app-list-item:hover { + color: #dbdee0; } + .show-processes-dialog-app-list-item:ltr { + padding-right: 1em; } + .show-processes-dialog-app-list-item:rtl { + padding-left: 1em; } + +.show-processes-dialog-app-list-item-icon:ltr { + padding-right: 17px; } +.show-processes-dialog-app-list-item-icon:rtl { + padding-left: 17px; } + +.show-processes-dialog-app-list-item-name { + font-size: 10pt; } + +/* Password or Authentication Dialog */ +.prompt-dialog { + width: 500px; + border: 2px solid rgba(159, 176, 185, 0.2); } + +.prompt-dialog-main-layout { + spacing: 24px; + padding: 10px; } + +.prompt-dialog-message-layout { + spacing: 16px; } + +.prompt-dialog-headline { + font-weight: bold; + color: #b2b2a9; } + +.prompt-dialog-description:rtl { + text-align: right; } + +.prompt-dialog-password-box { + spacing: 1em; + padding-bottom: 1em; } + +.prompt-dialog-error-label { + font-size: 10pt; + color: #cc0000; + padding-bottom: 8px; } + +.prompt-dialog-info-label { + font-size: 10pt; + padding-bottom: 8px; } + +.hidden { + color: transparent; } + +.prompt-dialog-null-label { + font-size: 10pt; + padding-bottom: 8px; } + +/* Polkit Dialog */ +.polkit-dialog-user-layout { + padding-left: 10px; + spacing: 10px; } + .polkit-dialog-user-layout:rtl { + padding-left: 0px; + padding-right: 10px; } + +.polkit-dialog-user-root-label { + color: #f67d42; } + +.polkit-dialog-user-icon { + border-radius: 5px; + background-size: contain; + width: 48px; + height: 48px; } + +/* Network Agent Dialog */ +.network-dialog-secret-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +.keyring-dialog-control-table { + spacing-rows: 15px; + spacing-columns: 1em; } + +/* Popvers/Menus */ +.popup-menu { + border-radius: 8px; + min-width: 200px; } + .popup-menu .popup-sub-menu { + background-color: #454D50; + box-shadow: inset 0 -1px 0px #282c2c; } + .popup-menu .popup-menu-content { + padding: 1em 0em; } + .popup-menu .popup-menu-item { + spacing: 12px; } + .popup-menu .popup-menu-item:ltr { + padding: .4em 1.75em .4em 0em; } + .popup-menu .popup-menu-item:rtl { + padding: .4em 0em .4em 1.75em; } + .popup-menu .popup-menu-item:checked { + background-color: #454D50; + box-shadow: inset 0 1px 0px #282c2c; + font-weight: bold; } + .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item:focus { + background-color: rgba(238, 238, 236, 0.1); + color: #dbdee0; } + .popup-menu .popup-menu-item:active { + background-color: #2d3335; + color: #ffffff; } + .popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.2); } + .popup-menu .active { + background-color: #9FB0B9; } + .popup-menu .popup-inactive-menu-item { + color: #dbdee0; } + .popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.2); } + .popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; } + +.popup-menu-ornament { + text-align: right; + width: 1em; } + +.popup-menu-boxpointer, +.candidate-popup-boxpointer { + -arrow-border-radius: 6px; + -arrow-background-color: #454d50; + -arrow-border-width: 1px; + -arrow-border-color: rgba(0, 0, 0, 0.4); + -arrow-base: 24px; + -arrow-rise: 11px; + -arrow-box-shadow: 0 1px 3px black; } + +.popup-separator-menu-item { + height: 1px; + margin: 6px 64px; + background-color: transparent; + border-color: #454D50; + border-bottom-width: 1px; + border-bottom-style: solid; } + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; } + +/* fallback menu +- odd thing for styling App menu when apparently not running under shell. Light Adwaita styled + app menu inside the main app window itself rather than the top bar +*/ +/* OSD */ +.osd-window { + text-align: center; + font-weight: bold; + spacing: 1em; + margin: 32px; + min-width: 64px; + min-height: 64px; } + .osd-window .osd-monitor-label { + font-size: 3em; } + .osd-window .level { + height: 0.6em; + border-radius: 0.3em; + background-color: rgba(11, 12, 13, 0.5); + color: #dbdee0; } + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 16px; } + +.switcher-list-item-container { + spacing: 8px; } + +.switcher-list .item-box { + padding: 8px; + border-radius: 4px; } + +.switcher-list .item-box:outlined { + padding: 6px; + border: 2px solid rgba(0,0,0,0.7); } + +.switcher-list .item-box:selected { + background-color: #9FB0B9; + color: #ffffff; } + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 4px; } + +.switcher-list .thumbnail { + width: 256px; } + +.switcher-list .separator { + width: 1px; + background: rgba(0, 0, 0, 0.7); } + +.switcher-arrow { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); } + +.switcher-arrow:highlighted { + color: #dbdee0; } + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; } + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px;} + +.workspace-switcher { + background: transparent; + border: 1px; + border-radius: 0px; + padding: 0px; + spacing: 12px; } + +.ws-switcher-active-up, .ws-switcher-active-down { + height: 50px; + background-color: #9FB0B9; + color: #ffffff; + background-size: 32px; + border-radius: 4px; } + +.ws-switcher-box { + height: 50px; + border: none; + background-color: rgba(159, 176, 185, 0.1); + border-radius: 4px; } + +.osd-window, +.resize-popup, +.switcher-list, .workspace-switcher-container { + color: #dbdee0; + background-color: #2d3335; + border: 1px solid rgba(0, 0, 0, 0.4); + border-radius: 10px; + padding: 12px; } + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(57, 64, 66, 0.5); + border: 1px solid #9FB0B9; } + +.tile-preview-left.on-primary { + border-radius: 6px 6px 0 0; } + +.tile-preview-right.on-primary { + border-radius: 0 6px 0 0; } + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 6px 6px 0 0; } + +/* TOP BAR */ #panel { - background-color: rgba(30, 39, 43, 1.0); - font-weight: normal; - color: #9FB0B9; - height: 2em; -} - -.panel-corner { + background-color: #454D50; + font-weight: bold; + height: 1.86em; } + #panel.unlock-screen, #panel.login-screen, #panel.lock-screen { + background-color: transparent; } + #panel #panelLeft, #panel #panelCenter { + spacing: 4px; } + #panel .panel-corner { -panel-corner-radius: 0px; - -panel-corner-background-color: black; + -panel-corner-background-color: #454D50; -panel-corner-border-width: 2px; - -panel-corner-border-color: transparent; -} - -#panel.unlock-screen, -#panel.login-screen { - background-color: transparent; -} - -#panelLeft, #panelCenter { - spacing: 4px; -} - -#panelLeft:ltr { - padding-right: 4px; -} - -#panelLeft:rtl { - padding-left: 4px; -} - -#panelRight:ltr { - padding-left: 4px; -} - -#panelRight:rtl { - padding-right: 4px; -} - -.panel-corner:active, -.panel-corner:overview, -.panel-corner:focus { - -panel-corner-border-color: white; -} - -.panel-corner.lock-screen, -.panel-corner.unlock-screen, -.panel-corner.login-screen { - -panel-corner-background-color: transparent; - -panel-corner-border-color: transparent; -} - -/* Panel Button */ -.panel-button { + -panel-corner-border-color: transparent; } + #panel .panel-corner:active, #panel .panel-corner:overview, #panel .panel-corner:focus { + -panel-corner-border-color: #9FB0B9; } + #panel .panel-corner.lock-screen, #panel .panel-corner.login-screen, #panel .panel-cornerunlock-screen { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; } + #panel .panel-button { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; - color: #A9B4B8; - transition-duration: 100ms; -} + color: #ccc; + transition-duration: 100ms; } + #panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; + margin-left: 4px; + margin-right: 4px; } + #panel .panel-button:hover { + color: white; } + #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { + background-color: rgba(0, 0, 0, 0.01); + box-shadow: inset 0 -2px 0px #9FB0B9; + color: white; } + #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { + icon-shadow: black 0 2px 2px; } + #panel .panel-button .system-status-icon { + icon-size: 1.09em; + padding: 0 5px; } + .unlock-screen #panel .panel-button, .login-screen #panel .panel-button, .lock-screen #panel .panel-button { + color: white; } + .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active, .login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:active, .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active { + color: white; } + #panel .panel-status-indicators-box, + #panel .panel-status-menu-box { + spacing: 2px; } + #panel .screencast-indicator { + color: #f67d42; } -.panel-button:hover { - background: rgba(44, 58, 64, 0.3); -} +#calendarArea { + padding: 0.75em 1.0em; } -.panel-button:active, -.panel-button:overview, -.panel-button:focus { - /*box-shadow: inset 0 -2px 0 0 rgba(255,255,255,1.0);*/ - border-image: none; - background-image: none; - background: rgba(44, 58, 64, 1.0); - color: #D3D4D5; - transition-duration: 300ms; -} +.calendar { + margin-bottom: 1em; } -/* App menu */ +.calendar, +.datemenu-today-button, +.datemenu-displays-box, +.message-list-sections { + margin: 0 1.5em; } -#appMenu { - spinner-image: url("assets/process-working.svg"); - spacing: 4px; -} +.datemenu-calendar-column { + spacing: 0.5em; } -.app-menu-icon { - width: 24px; - height: 24px; -} +.datemenu-displays-section { + padding-bottom: 3em; } -.panel-button #appMenuIcon { - text-shadow: black 0 1px 0; - app-icon-top-clip: 1px; - app-icon-bottom-clip: 1px; - padding-left: 0.5em; - padding-right: 0.5em; -} +.datemenu-today-button, +.world-clocks-button, +.message-list-section-title { + border-radius: 4px; + padding: .4em; } -.panel-button:active #appMenuIcon, -.panel-button:checked #appMenuIcon, -.panel-button:focus #appMenuIcon { - app-icon-top-clip: 1px; - app-icon-bottom-clip: 1px; -} +.message-list-section-list:ltr { + padding-left: .4em; } -/* Status button */ -.panel-status-button:active, -.panel-status-button:checked, -.panel-status-button:focus { - background-image: none; -} +.message-list-section-list:rtl { + padding-right: .4em; } -.panel-button:active > .system-status-icon, -.panel-button:checked > .system-status-icon, -.panel-button:focus > .system-status-icon { - icon-shadow: black 0 2px 2px; -} +.datemenu-today-button:hover, .datemenu-today-button:focus, +.world-clocks-button:hover, +.world-clocks-button:focus, +.message-list-section-title:hover, +.message-list-section-title:focus { + background-color: #454d50; } +.datemenu-today-button:active, +.world-clocks-button:active, +.message-list-section-title:active { + color: white; + background-color: #9FB0B9; } -#panel.unlock-screen .panel-button, -#panel.lock-screen .panel-button, -#panel.login-screen .panel-button { - color: rgba(255,255,255,0.7); -} +.datemenu-today-button .date-label { + font-size: 1.5em; } -#panel.unlock-screen .panel-button:hover, -#panel.lock-screen .panel-button:hover, -#panel.login-screen .panel-button:hover, -#panel.unlock-screen .panel-button:active, -#panel.lock-screen .panel-button:active, -#panel.login-screen .panel-button:active, -#panel.unlock-screen .panel-button:focus, -#panel.lock-screen .panel-button:focus, -#panel.login-screen .panel-button:focus { +.world-clocks-header, +.message-list-section-title { + color: rgba(255,255,255,0.3); + font-weight: bold; } + +.world-clocks-grid { + spacing-rows: 0.4em; } + +.calendar-month-label { + color: #e2e2df; + font-weight: bold; + padding: 8px 0; } + +.pager-button { + color: white; + background-color: transparent; + width: 32px; + border-radius: 4px; } + .pager-button:hover, .pager-button:focus { + background-color: rgba(238, 238, 236, 0.05); } + .pager-button:active { + background-color: rgba(69, 77, 80, 0.05); } + +.calendar-change-month-back { + background-image: url("assets/calendar-arrow-left.svg"); } + .calendar-change-month-back:rtl { + background-image: url("assets/calendar-arrow-right.svg"); } + +.calendar-change-month-forward { + background-image: url("assets/calendar-arrow-right.svg"); } + .calendar-change-month-forward:rtl { + background-image: url("assets/calendar-arrow-left.svg"); } + +.calendar-day-base { + font-size: 80%; + text-align: center; + width: 2.4em; + height: 2.4em; + padding: 0.1em; + margin: 2px; + border-radius: 1.4em; } + .calendar-day-base:hover, .calendar-day-base:focus { + background-color: #454d50; } + .calendar-day-base:active { color: white; -} + background-color: #9FB0B9; + border-color: transparent; } + .calendar-day-base.calendar-day-heading { + color: rgba(255,255,255,0.3); + margin-top: 1em; + font-size: 70%; } -.panel-menu { - -boxpointer-gap: 4px; -} +.calendar-day { + border-width: 0; } -.panel-status-indicators-box, -.panel-status-menu-box { - spacing: 2px; -} +.calendar-day-top { + border-top-width: 1px; } -/* Symbolic panel icons */ -.system-status-icon { - icon-size: 1.09em; - padding: 0 5px; -} +.calendar-day-left { + border-left-width: 1px; } -.aggregate-menu { - width: 360px; -} +.calendar-nonwork-day { + color: #939695; } -.aggregate-menu .popup-menu-icon { - padding: 0 4px; -} +.calendar-today { + font-weight: bold; + border: 1px solid rgba(28, 31, 31, 0.5); } +.calendar-day-with-events { + color: #e2e2df; + font-weight: bold; } +.calendar-other-month-day { + color: rgba(238, 238, 236, 0.15); + opacity: 0.5; } -/* used for the app menu header only */ -.label-shadow { - color: rgba(0,0,0,0.5); -} +/* Message list */ +.message-list { + width: 420px; } -/* System Menu */ +.message-list-sections { + spacing: 1.5em; } + +.message-list-section, +.message-list-section-list { + spacing: 0.7em; } + +.message-list-section-title-box { + spacing: 0.4em; } + +.message-list-section-close > StIcon { + icon-size: 16px; + border-radius: 8px; + color: #454d50; + background-color: rgba(255,255,255,0.22); } + +/* FIXME: how do you do this in sass? */ +.message-list-section-close:hover > StIcon, +.message-list-section-close:focus > StIcon { + background-color: rgba(255,255,255,0.3); } + +.message { + background-color: #454d50; + border-radius: 3px; } + .message:hover, .message:focus { + background-color: #515a5e; } + +.message-icon-bin { + padding: 8px 0px 8px 8px; } + .message-icon-bin:rtl { + padding: 8px 8px 8px 0px; } + +.message-icon-bin > StIcon { + icon-size: 48px; } + +.message-secondary-bin { + color: rgba(255,255,255,0.3); } + +.message-secondary-bin > StIcon { + icon-size: 16px; } + +.message-title { + font-weight: bold; } + +.message-content { + padding: 8px; } .system-switch-user-submenu-icon { - icon-size: 24px; - border: 1px solid alpha(#fff,0.3); -} + icon-size: 24px; + border: 1px solid rgba(238, 238, 236, 0.4); } + +#appMenu { + spinner-image: url("assets/process-working.svg"); + spacing: 4px; } + #appMenu .label-shadow { + color: transparent; } + +.aggregate-menu { + width: 360px; } + .aggregate-menu .popup-menu-icon { + padding: 0 4px; } .system-menu-action { - color: #e6e6e6; - border-radius: 32px; /* wish we could do 50% */ - padding: 13px; - border: 1px solid alpha(#fff,0.3); /* using rgba() is flaky unfortunately */ -} - -.system-menu-action:hover, -.system-menu-action:focus { - color: white; - background-color: #4c4c4c; + color: #dbdee0; + border-radius: 32px; + /* wish we could do 50% */ + padding: 13px; + border: 1px solid #282c2c; } + .system-menu-action:hover, .system-menu-action:focus { + color: #ffffff; + background-color: #9FB0B9; border: none; - padding: 14px; -} + padding: 14px; } + .system-menu-action:active { + background-color: #2d3335; + color: #ffffff; } + .system-menu-action > StIcon { + icon-size: 16px; } -.system-menu-action:active { - color: black; - background-color: #6f6f6f; -} +.ripple-box { + width: 52px; + height: 52px; + background-image: url("assets/corner-ripple-ltr.png"); + background-size: contain; } -.system-menu-action > StIcon { - icon-size: 16px; -} +.ripple-box:rtl { + background-image: url("assets/corner-ripple-rtl.png"); } -.screencast-indicator { - color: #ff0000; -} +.popup-menu-arrow { + width: 16px; + height: 16px; } -/* Overview */ - -#overview { - spacing: 24px; -} - -.overview-controls { - padding-bottom: 32px; -} - - -/************** - * Workspaces * - **************/ - -.workspace-thumbnails { - background-color: rgba(0,0,0,0.6); - spacing: 11px; - visible-width: 32px; /* Amount visible before hovering */ - border: none; - border-radius: 1em 0 0 1em; - padding: 12px 1em 12px 12px; - border: 1px solid rgba(255,255,255,0.2); -} - -.workspace-thumbnails:rtl { - border: none; - border-radius: 0 1em 1em 0; - padding: 12px 12px 12px 1em; -} - -.workspace-thumbnail-indicator { - border: 4px solid rgba(255,255,255,0.7); - border-radius: 4px; - padding: 1px; -} - - -/******** - * Dash * - ********/ - -#dash { - color: #5f5f5f; - font-size: 9pt; - padding: 0.5em 0; - background-color: alpha(#1E272B, 0.9); - border-color: #1E272B; - border-right: 1px; - border-left: 0; - border-radius: 0 1em 1em 0; -} - -#dash:rtl { - border-left: 1px; - border-right: 0; - border-radius: 1em 0 0 1em; -} - -.placeholder { - background-image: url("assets/dash-placeholder.svg"); - height: 64px; - width: 64px; -} - -.empty-dash-drop-target { - width: 24px; - height: 24px; -} - - -/*********** - * Windows * - ***********/ - -.window-caption { - spacing: 25px; - background: rgba(0,0,0,0.5); - border-radius: 1em; - padding: 4px 12px; - -shell-caption-spacing: 12px; - border: 1px solid rgba(0,0,0,0); -} - -.window-caption:hover { - border: 1px solid rgba(255,255,255,0); -} +.popup-menu-icon { + icon-size: 1.09em; } .window-close, .notification-close { - padding: 2px; - background-image: url("assets/close-window.svg"); - background-size: 24px; - height: 24px; - width: 24px; -} + background-image: url("assets/close-window.svg"); + background-size: 24px; + padding: 6px; + height: 24px; + width: 24px; } .window-close { - -shell-close-overlap: 1em; -} - -.window-close:rtl { - -st-background-image-shadow: 2px 2px 6px rgba(0,0,0,0.5); -} - -.window-clone-border { - border: 4px solid rgba(255,255,255,0.5); - border-radius: 4px; -} - -/* Notification */ + -shell-close-overlap: 16px; } + .window-close:rtl { + -st-background-image-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); } .notification-close { - /* we start out in the top right of the - * notification, inset. - * - * center is 32px/2 = 16px - * - * adjust left 2px - * adjust down 1em */ + -shell-close-overlap-x: 14px; + -shell-close-overlap-y: -12px; } + .notification-close:rtl { + -shell-close-overlap-x: -14px; } - -shell-close-overlap-x: 14px; - -shell-close-overlap-y: -12px; -} +/* NETWORK DIALOGS */ +.nm-dialog { + max-height: 500px; + min-height: 450px; + min-width: 470px; } -.notification-close:rtl { - /* as above, but starting out in the top left of the - * notification. */ +.nm-dialog-content { + spacing: 20px; } - -shell-close-overlap-x: -14px; -} +.nm-dialog-header-hbox { + spacing: 10px; } +.nm-dialog-airplane-box { + spacing: 12px; } + +.nm-dialog-airplane-headline { + font-weight: bold; + text-align: center; } + +.nm-dialog-airplane-text { + color: #dbdee0; } + +.nm-dialog-header-icon { + icon-size: 32px; } + +.nm-dialog-scroll-view { + /*background-color: rgba(255, 255, 255, 0.1);*/ + border: 1px solid rgba(255, 255, 255, 0.2); } + +.nm-dialog-header { + font-weight: bold; } + +.nm-dialog-item { + font-size: 110%; + border-bottom: 1px solid rgba(0, 0, 0, 0.7); + padding: 12px; + spacing: 20px; } + +.nm-dialog-item:selected { + background-color: #9FB0B9; + color: #dbdee0; } + +.nm-dialog-icons { + spacing: .5em; } + +.nm-dialog-icon { + icon-size: 16px; } + +.no-networks-label { + color: rgba(255,255,255,0.1); } + +.no-networks-box { + spacing: 12px; } + +/* OVERVIEW */ +#overview { + spacing: 24px; } + +.overview-controls { + padding-bottom: 32px; } .window-picker { - -horizontal-spacing: 32px; - -vertical-spacing: 32px; - padding-left: 32px; - padding-right: 32px; - padding-bottom: 48px; -} + -horizontal-spacing: 32px; + -vertical-spacing: 32px; + padding-left: 32px; + padding-right: 32px; + padding-bottom: 48px; } + .window-picker.external-monitor { + padding: 32px; } -.window-picker.external-monitor { - padding: 32px; -} +.window-clone-border { + border: 4px solid rgba(159, 176, 185, 0.7); + border-radius: 4px; + box-shadow: inset 0px 0px 0px 0px #9FB0B9; } -/* Messages */ +.window-caption { + spacing: 25px; + color: #dbdee0; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 8px; + padding: 4px 12px; + -shell-caption-spacing: 12px; } + .window-caption:hover { + background-color: #454d50; + color: #dbdee0; } -.messages-indicator { - color: #999999; - height: 32px; -} +.search-entry { + width: 320px; + border: 1px solid rgba(0, 0, 0, 0.4); + color: #dbdee0; + background-color: #454d50 ; + padding: 7px 9px; + border-radius: 4px; } + .search-entry:focus { + padding: 6px 8px; + border: 1px solid rgba(0, 0, 0, 0.4); + background-color: #dbdee0; + color: #2d3335; } + .search-entry .search-entry-icon { + icon-size: 1em; + padding: 0 4px; + color: #dbdee0; } + .search-entry:hover .search-entry-icon { + color: #fff; } + .search-entry:focus .search-entry-icon { + color: #2d3335; } -.messages-indicator-contents { - spacing: 12px; - padding-bottom: 12px; -} +#searchResultsBin { + max-width: 1000px; } -.messages-indicator-contents:hover { - color: white; - text-shadow: black 0 1px 0; -} +#searchResultsContent { + padding-left: 20px; + padding-right: 20px; + spacing: 16px; } -.messages-indicator-highlight { - background-gradient-start: transparent; - background-gradient-end: #999999; - background-gradient-direction: vertical; +.search-section { + spacing: 16px; } - height: 6px; -} +.search-section-content { + spacing: 32px; } -/* Application Launchers, Grid and List results */ +.list-search-results { + spacing: 3px; } -.icon-grid { - spacing: 24px; - -shell-grid-horizontal-item-size: 142px; - -shell-grid-vertical-item-size: 142px; -} - -.icon-grid .overview-icon { - icon-size: 48px; -} - -.app-display { - spacing: 20px; -} - -.all-apps, -.search-display > StBoxLayout, -.frequent-apps > StBoxLayout { - /* horizontal padding to make sure scrollbars or dash don't overlap content */ - padding: 0 88px 10px 88px; -} - -.page-indicator { - padding: 15px 20px; -} - -.page-indicator .page-indicator-icon { - width: 18px; - height: 18px; - background-image: url("assets/page-indicator-inactive.svg"); -} - -.page-indicator:hover .page-indicator-icon { - background-image: url("assets/page-indicator-hover.svg"); -} - -.page-indicator:active .page-indicator-icon { - background-image: url("assets/page-indicator-active.svg"); -} - -.page-indicator:checked .page-indicator-icon, -.page-indicator:checked:active .page-indicator-icon { - background-image: url("assets/page-indicator-checked.svg"); -} - -.no-frequent-applications-label { - font-size: 18pt; - color: #999999; -} - -.dash-item-container > StButton { - padding: 4px 1em; -} +.search-section-separator { + -gradient-height: 1px; + -gradient-start: rgba(255, 255, 255, 0); + -gradient-end: rgba(255, 255, 255, 0.1); + -margin-horizontal: 1.5em; + height: 1px; } .list-search-result-content { - spacing: 12px; - padding: 12px; -} + spacing: 12px; + padding: 12px; } .list-search-result-title { - font-weight: bold; - font-size: 14pt; - color: white; -} + font-size: 1.5em; + color: #e2e2df; } .list-search-result-description { - color: #eeeeec; -} - -.search-provider-icon-more { - width: 16px; - height: 16px; - background-image: url("assets/more-results.svg"); - opacity: 1.0; -} - -.app-well-app > .overview-icon.overview-icon-with-label, -.grid-search-result .overview-icon.overview-icon-with-label { - /* since the label controls its own spacing, it is visually more - consistent to use different padding values for top and bottom */ - padding: 10px 1em 5px 1em; - spacing: 4px; -} - -.app-well-app > .overview-icon, -.show-apps > .overview-icon, -.search-provider-icon, -.list-search-result, -.grid-search-result .overview-icon { - text-shadow: black 0 1px 0; - background-image: none; - color:white; - transition-duration: 100ms; - text-align: center; -} + color: #cacac4; } .search-provider-icon { - padding: 15px; -} + padding: 15px; } -/* App Folder */ +.search-provider-icon-more { + width: 16px; + height: 16px; + background-image: url("assets/more-results.svg"); } -.app-folder-icon { - padding: 6px; -} +/* DASHBOARD */ +#dash { + font-size: 9pt; + color: #dbdee0; + background-color: #636E73; + padding: 4px 0; + border: 1px solid rgba(255,255,255,0.1); + border-left: 0px; + border-radius: 0px 9px 9px 0px; } + #dash:rtl { + border-radius: 9px 0 0 9px; } + #dash .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + height: 64px; } + #dash .empty-dash-drop-target { + width: 24px; + height: 24px; } -.app-folder-popup { - -arrow-border-radius: 1em; - -arrow-background-color: rgba(0,0,0,0.3); -} +.dash-item-container > StWidget { + padding: 4px 8px; } -.app-folder-popup-bin { - padding: 5px; -} +.dash-label { + border-radius: 7px; + padding: 4px 12px; + color: #dbdee0; + background-color: rgba(69, 77, 80, 0.7); + text-align: center; + -x-offset: 8px; } -/* Running App */ -.app-well-app.running > .overview-icon { - border-radius: 0; - color:white; - box-shadow: inset 0 -2px 0 0 #97A7AB; -} +/* App Vault/Grid */ +.icon-grid { + spacing: 30px; + -shell-grid-horizontal-item-size: 144px; /* Default 136*/ + -shell-grid-vertical-item-size: 144px; } + .icon-grid .overview-icon { + icon-size: 96px; } -.app-well-app:hover > .overview-icon, -.show-apps:hover > .overview-icon, -.search-provider-icon:hover, -.list-search-result:hover, -.grid-search-result:hover .overview-icon { - background-gradient-start: rgba(255,255,255,0.0); - background-gradient-end: rgba(255,255,255,0.0); - background: #97A7AB; - border-radius: 0.5em; +.app-view-controls { + padding-bottom: 32px; } + +.app-view-control { + padding: 4px 32px; } + .app-view-control:checked { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #2d3335; box-shadow: none; - transition-duration: 1000ms; -} + text-shadow: none; + icon-shadow: none; } + .app-view-control:first-child { + border-right-width: 0; + border-radius: 3px 0 0 3px; } + .app-view-control:last-child { + border-radius: 0 3px 3px 0; } +.search-provider-icon:active, .search-provider-icon:checked, +.list-search-result:active, +.list-search-result:checked { + background-color: rgba(45, 51, 53, 0.9); } +.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover, +.list-search-result:focus, +.list-search-result:selected, +.list-search-result:hover { + background-color: rgba(238, 238, 236, 0.1); + transition-duration: 200ms; } + +.app-well-app:active .overview-icon, .app-well-app:checked .overview-icon, +.app-well-app.app-folder:active .overview-icon, +.app-well-app.app-folder:checked .overview-icon, +.show-apps:active .overview-icon, +.show-apps:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(45, 51,53,0.9); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.7); } + +.app-well-app:hover .overview-icon, .app-well-app:focus .overview-icon, .app-well-app:selected .overview-icon, +.app-well-app.app-folder:hover .overview-icon, +.app-well-app.app-folder:focus .overview-icon, +.app-well-app.app-folder:selected .overview-icon, +.show-apps:hover .overview-icon, +.show-apps:focus .overview-icon, +.show-apps:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(238, 238, 236, 0.1); + transition-duration: 0ms; + border-image: none; + background-image: none; } + +.app-well-app-running-dot { + width: 24px; + height: 2px; + background-color: #9FB0B9; + margin-bottom: 2px; } + +.search-provider-icon, +.list-search-result, .app-well-app .overview-icon, +.app-well-app.app-folder .overview-icon, +.show-apps .overview-icon, +.grid-search-result .overview-icon { + color: #dbdee0; + border-radius: 4px; + padding: 6px; + border: 1px solid transparent; + transition-duration: 100ms; + text-align: center; } .app-well-app.app-folder > .overview-icon { - background-color: rgba(0,0,0,0.3); -} - -.app-well-app.app-folder:hover > .overview-icon, -.app-well-app.app-folder > .overview-icon:hover { - background-color: rgba(0,0,0,0.3); -} - -.app-display .app-well-app > .overview-icon { -} - -.list-search-result:hover .list-search-result-description { - text-shadow: rgba(0,0,0,0.8) 0 1px 2px; -} - -.show-apps { - padding: 4px 0; -} - -.show-apps:hover .show-apps-icon { - color: white; -} + background-color: rgba(159, 176, 185, 0.4); } .show-apps:checked .show-apps-icon, .show-apps:focus .show-apps-icon { + color: white; + transition-duration: 100ms; } + +.app-folder-popup { + -arrow-border-radius: 8px; + -arrow-background-color: rgba(159, 176, 185, 0.3); + -arrow-base: 24px; + -arrow-rise: 11px; } + +.app-folder-popup-bin { + padding: 5px; } + +.app-folder-icon { + padding: 5px; + spacing-rows: 5px; + spacing-columns: 5px; } + +.page-indicator { + padding: 15px 20px; } + .page-indicator .page-indicator-icon { + width: 18px; + height: 18px; + background-image: url(assets/page-indicator-inactive.svg); } + .page-indicator:hover .page-indicator-icon { + background-image: url(assets/page-indicator-hover.svg); } + .page-indicator:active .page-indicator-icon { + background-image: url(assets/page-indicator-active.svg); } + .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active { + background-image: url(assets/page-indicator-checked.svg); } + +.app-well-app > .overview-icon.overview-icon-with-label, +.grid-search-result .overview-icon.overview-icon-with-label { + padding: 10px 8px 5px 8px; + spacing: 4px; } + +.workspace-thumbnails { + visible-width: 32px; + spacing: 11px; + padding: 8px; + border-radius: 9px 0 0 9px; + color: #dbdee0; + background-color: #636E73; + border: 1px solid rgba(255,255,255,0.1); } + .workspace-thumbnails:rtl { + border-radius: 0 9px 9px 0; } + +.workspace-thumbnail-indicator { + border: 3px solid #9FB0B9; + border-radius: 3px; + padding: 1px; } + +.search-display > StBoxLayout, +.all-apps, +.frequent-apps > StBoxLayout { + padding: 0px 88px 10px 88px; } + + +.search-statustext, .no-frequent-applications-label { + font-size: 2em; + font-weight: bold; + color: #dbdee0; } + +/* NOTIFICATIONS & MESSAGE TRAY */ +.url-highlighter { + link-color: #9FB0B9; } + +.notification-banner { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 8px; + color: #dbdee0; + background-color: #2d3335; + border: 1px solid rgba(0, 0, 0, 0.2); } + .notification-banner:hover { + background-color: #394043; } + .notification-banner:focus { + background-color: #394043; } + .notification-banner .notification-icon { + padding: 5px; } + .notification-banner .notification-content { + padding: 5px; + spacing: 5px; } + .notification-banner .secondary-icon { + icon-size: 1.09em; } + .notification-banner .notification-actions { + background-color: rgba(0, 0, 0, 0.7); + padding-top: 2px; + spacing: 1px; } + .notification-banner .notification-button { + padding: 4px 4px 5px; + background-color: #2d3335; } + .notification-banner .notification-button:first-child { + border-radius: 0 0 0 6px; } + .notification-banner .notification-button:last-child { + border-radius: 0 0 6px 0; } + .notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus { + background-color: #292f30; } + +.notification { + font-size: 11pt; + width: 34em; + margin: 5px; + border-radius: 6px; + color: #dbdee0; + background-color: #2d3335; + border: 1px solid rgba(0, 0, 0, 0.2); + spacing-rows: 4px; + padding: 8px; + spacing-columns: 10px; } + +.notification-unexpanded { + min-height: 48px; + height: 48px; } + +.notification-with-image { + min-height: 159px; } + +.notification-body { + spacing: 5px; } + +.notification-actions { + paddinf-top: 18px; + spacing: 6px; } + +.summary-source-counter { + font-size: 10pt; + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #9FB0B9; + color: #dbdee0; + border: 2px solid #dbdee0; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; } + +.notification-scrollview { + max-height: 18em; + -st-vfade-offset: 24px; } + .notification-scrollview:ltr > StScrollBar { + padding-left: 6px; } + .notification-scrollview:rtl > StScrollBar { + padding-right: 6px; } + +.notification-button { + height: 24px; } + +.notification-icon-button { + border-radius: 5px; + padding: 5px; + height: 24px; + width: 24px; } + .notification-icon-button > StIcon { + icons-size: 16px; + width: 16px; + height: 16px; + padding: 2px; } + +.secondary-icon { + icon-size: 1.09em; } + +.chat-log-message { + color: #dbdee0; } + +.chat-empty-line { + font-size: 4px; } + +.chat-received { + padding-left: 4px; } + .chat-received:rtl { + padding-left: 0px; + padding-right: 4px; } + +.chat-sent { + padding-left: 18pt; + color: #cacac4; } + .chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; } + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + font-weight: bold; + color: #bebeb6; } + .chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; } + +.chat-notification-scrollview { + max-height: 22em; } + +.subscription-message { + font-style: italic; } + +.hotplug-transient-box { + spacing: 6px; + padding: 2px 72px 2px 12px; } + +.hotplug-notification-item { + padding: 2px 10px; } + .hotplug-notification-item:focus { + padding: 1px 71px 1px 11px; } + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 2px 5px; } + +.hotplug-resident-box { + spacing: 8px; } + +.hotplug-resident-mount { + spacing: 8px; + border-radius: 4px; } + .hotplug-resident-mount:hover { + background-color: rgba(69, 77, 80, 0.3); } + +.hotplug-resident-mount-label { + color: inherit; + padding-left: 6px; } + +.hotplug-resident-mount-icon { + icon-size: 24px; + padding-left: 6px; } + +.hotplug-resident-eject-icon { + icon-size: 16px; } + +.hotplug-resident-eject-button { + padding: 7px; + border-radius: 5px; + color: pink; } + +/* Eeeky things */ +.legacy-tray { + background-color: #454d50; + border: 1px solid rgba(0, 0, 0, 0.7); + border-bottom-width: 0; } + .legacy-tray:ltr { + border-radius: 0 6px 0 0; + border-left-width: 0; } + .legacy-tray:rtl { + border-radius: 6px 0 0 0; + border-right-width: 0; } + +.legacy-tray-handle StIcon { + icon-size: 24px; } + +.legacy-tray-icon-box { + padding: 6px; + spacing: 12px; } + .legacy-tray-icon-box StButton { + width: 24px; + height: 24px; } + +.magnifier-zoom-region { + border: 2px solid #9FB0B9; } + .magnifier-zoom-region.full-screen { + border-width: 0; } + +/* On-screen Keyboard */ +#keyboard { + background-color: rgba(0, 0, 0, 0.7); } + +.keyboard-layout { + spacing: 10px; + padding: 10px; } + +.keyboard-row { + spacing: 15px; } + +.keyboard-key { + color: #dbdee0; + background-color: #2d3335; + box-shadow: inset 0 1px #454f52; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; + min-height: 2em; + min-width: 2em; + font-size: 14pt; + font-weight: bold; + border-radius: 5px; + border: 1px solid rgba(0, 0, 0, 0.7); + color: white; } + .keyboard-key:focus { + color: #dbdee0; + border-color: #9FB0B9; + box-shadow: inset 0 1px #454f52; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:hover, .keyboard-key:checked { color: white; - transition-duration: 100ms; -} + border-color: rgba(0, 0, 0, 0.7); + background-color: #454f52; + box-shadow: inset 0 1px #5d696d; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .keyboard-key:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #2d3335; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .keyboard-key:grayed { + background-color: #2d3335; + color: #dbdee0; + border-color: rgba(0, 0, 0, 0.7); } -/* Grid Icon */ -.show-apps-icon { - color: rgba(255,255,255,0.3); -} +.keyboard-subkeys { + color: white; + padding: 5px; + -arrow-border-radius: 10px; + -arrow-background-color: rgba(159, 176, 185, 0.7); + -arrow-border-width: 2px; + -arrow-border-color: rgba(238, 238, 236, 0.2); + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; } +.candidate-popup-content { + padding: 0.5em; + spacing: 0.3em; } -.app-well-app:checked > .overview-icon, -.app-well-app:active > .overview-icon, -.show-apps:checked > .overview-icon, -.show-apps:active > .overview-icon, -.search-provider-icon:active, -.list-search-result:active { - background-gradient-direction: vertical; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0.2); - box-shadow:none; -} +.candidate-index { + padding: 0 0.5em 0 0; + color: #dbdee0; } -.app-well-app:focus > .overview-icon, -.grid-search-result:focus .overview-icon, -.show-apps:focus > .overview-icon, -.search-provider-icon:focus, -.list-search-result:focus, -.app-well-app:selected > .overview-icon, -.grid-search-result:selected .overview-icon, -.search-provider-icon:selected, -.list-search-result:selected { - background-color: rgba(255,255,255,0.2); -} +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + border-radius: 4px; } + .candidate-box:selected, .candidate-box:hover { + background-color: #9FB0B9; + color: #ffffff; } +.candidate-page-button-box { + height: 2em; } + .vertical .candidate-page-button-box { + padding-top: 0.5em; } + .horizontal .candidate-page-button-box { + padding-left: 0.5em; } -/* LookingGlass */ +.candidate-page-button { + padding: 4px; } + +.candidate-page-button-previous { + border-radius: 4px 0px 0px 4px; + border-right-width: 0; } + +.candidate-page-button-next { + border-radius: 0px 4px 4px 0px; } + +.candidate-page-button-icon { + icon-size: 1em; } + +/* Auth Dialogs & Screen Shield */ +.framed-user-icon { + background-size: contain; + border: 1px solid rgba(0, 0, 0, 0.7); + border-radius: 3px; } + .framed-user-icon:hover { + border-color: #656f6f; } + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; } + +.login-dialog { + border: none; + background-color: transparent; } + .login-dialog .modal-dialog-button-box { + spacing: 3px; } + .login-dialog .modal-dialog-button { + padding: 3px 18px; } + .login-dialog .modal-dialog-button:default { + color: #dbdee0; + background-color: rgba(57, 64, 66, 0.5); + border-color: rgba(0, 0, 0, 0.7); + box-shadow: inset 0 1px #454f52; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:hover, .login-dialog .modal-dialog-button:default:focus { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(57, 64, 66, 0.7); + box-shadow: inset 0 1px #5d696d; + text-shadow: 0 1px black; + icon-shadow: 0 1px black; } + .login-dialog .modal-dialog-button:default:active { + color: white; + border-color: rgba(0, 0, 0, 0.7); + background-color: #2d3335; + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + .login-dialog .modal-dialog-button:default:insensitive { + color: #939695; + border-color: rgba(0, 0, 0, 0.7); + background-color: rgba(66, 71, 73, 0.7); + box-shadow: none; + text-shadow: none; + icon-shadow: none; } + +.login-dialog-logo-bin { + padding: 24px 0px; } + +.login-dialog-banner { + color: #dbdee0; } + +.login-dialog-button-box { + spacing: 5px; } + +.login-dialog-message-warning { + color: #f67d42; } + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; } + +.login-dialog-user-selection-box { + padding: 100px 0px; } + .login-dialog-user-selection-box .login-dialog-not-listed-label { + padding-left: 2px; } + .login-dialog-not-listed-button:focus .login-dialog-user-selection-box .login-dialog-not-listed-label, .login-dialog-not-listed-button:hover .login-dialog-user-selection-box .login-dialog-not-listed-label { + color: #dbdee0; } + +.login-dialog-not-listed-label { + font-size: 90%; + font-weight: bold; + color: #a6a69b; + padding-top: 1em; } + +.login-dialog-user-list-view { + -st-vfade-offset: 1em; } + +.login-dialog-user-list { + spacing: 12px; + padding: .2em; + width: 23em; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:focus { + background-color: #9FB0B9; + color: #ffffff; } + .login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #9FB0B9; } + +.login-dialog-user-list-item { + border-radius: 5px; + padding: .2em; + color: #a6a69b; } + .login-dialog-user-list-item:ltr { + padding-right: 1em; } + .login-dialog-user-list-item:rtl { + padding-left: 1em; } + .login-dialog-user-list-item:hover { + background-color: #9FB0B9; + color: #ffffff; } + .login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 2px 0 0 0; + background-color: #dbdee0; } + .login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { + background-color: #ffffff; } + +.login-dialog-username, +.user-widget-label { + color: #dbdee0; + font-size: 120%; + font-weight: bold; + text-align: left; + padding-left: 15px; } + +.user-widget-label:ltr { + padding-left: 18px; } +.user-widget-label:rtl { + padding-right: 18px; } + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 8px; + width: 23em; } + +.login-dialog-prompt-label { + color: #bebeb6; + font-size: 110%; + padding-top: 1em; } + +.login-dialog-session-list-button StIcon { + icon-size: 1.25em; } + +.login-dialog-session-list-button { + color: #a6a69b; } + .login-dialog-session-list-button:hover, .login-dialog-session-list-button:focus { + color: #dbdee0; } + .login-dialog-session-list-button:active { + color: #747467; } + +.screen-shield-arrows { + padding-bottom: 3em; } + +.screen-shield-arrows Gjs_Arrow { + color: white; + width: 80px; + height: 48px; + -arrow-thickness: 12px; + -arrow-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock { + color: white; + text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6); + font-weight: bold; + text-align: center; + padding-bottom: 1.5em; } + +.screen-shield-clock-time { + font-size: 72pt; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); } + +.screen-shield-clock-date { + font-size: 28pt; } + +.screen-shield-notifications-container { + spacing: 6px; + width: 30em; + background-color: transparent; + max-height: 500px; } + .screen-shield-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; } + .screen-shield-notifications-container .notification, + .screen-shield-notifications-container .screen-shield-notification-source { + padding: 12px 6px; + border: 1px solid rgba(238, 238, 236, 0.2); + background-color: rgba(159, 176, 185, 0.5); + color: #dbdee0; + border-radius: 4px; } + .screen-shield-notifications-container .notification { + margin-right: 15px; } + +.screen-shield-notification-label { + font-weight: bold; + padding: 0px 0px 0px 12px; } + +.screen-shield-notification-count-text { + padding: 0px 0px 0px 12px; } + +#panel.lock-screen { + background-color: rgba(159, 176, 185, 0.5); } + +.screen-shield-background { + background: black; + box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); } + +#lockDialogGroup { + background: #2d3335 url("assets/noise-texture.png"); + background-repeat: repeat; } + +#screenShieldNotifications StButton#vhandle, #screenShieldNotifications StButton#hhandle { + background-color: rgba(69, 77, 80, 0.3); } + #screenShieldNotifications StButton#vhandle:hover, #screenShieldNotifications StButton#vhandle:focus, #screenShieldNotifications StButton#hhandle:hover, #screenShieldNotifications StButton#hhandle:focus { + background-color: rgba(69, 77, 80, 0.5); } + #screenShieldNotifications StButton#vhandle:active, #screenShieldNotifications StButton#hhandle:active { + background-color: rgba(57, 64, 66, 0.5); } #LookingGlassDialog { - background-color: rgba(12,12,12,0.9); - spacing: 4px; - padding: 4px; - border: none; - border-radius: 4px; -} - -#LookingGlassDialog > #Toolbar { - border: solid rgba(255,255,255,0.4); - border-width-bottom: 1px; - border-radius: 0; -} - -#LookingGlassDialog .labels { - spacing: 4px; -} - -#LookingGlassDialog .notebook-tab { + background-color: rgba(0, 0, 0, 0.8); + spacing: 4px; + padding: 4px; + border: 2px solid grey; + border-radius: 4px; } + #LookingGlassDialog > #Toolbar { + border: 1px solid grey; + border-radius: 4px; } + #LookingGlassDialog .labels { + spacing: 4px; } + #LookingGlassDialog .notebook-tab { -natural-hpadding: 12px; -minimum-hpadding: 6px; font-weight: bold; color: #ccc; transition-duration: 100ms; padding-left: .3em; - padding-right: .3em; -} - -#LookingGlassDialog .notebook-tab:hover { - color: white; - text-shadow: black 0 1px 0; -} - -#LookingGlassDialog .notebook-tab:selected { - border-image: url("assets/panel-button-border.svg") 10 10 0 2; - background-image: none; - color: white; - text-shadow: black 0 1px 0; -} - -#LookingGlassDialog .lg-inspector-title { - font-weight: bold; - padding-bottom: 1em; -} + padding-right: .3em; } + #LookingGlassDialog .notebook-tab:hover { + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog .notebook-tab:selected { + border-bottom-width: 2px; + border-color: #9FB0B9; + color: white; + text-shadow: black 0px 2px 2px; } + #LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 4px; } + #LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 4px; } .lg-dialog StEntry { - selection-background-color: #bbbbbb; - selected-color: #333333; -} + selection-background-color: #bbbbbb; + selected-color: #333333; } +.lg-dialog .shell-link { + color: #999999; } + .lg-dialog .shell-link:hover { + color: #dddddd; } .lg-completions-text { - font-size: .9em; - font-style: italic; -} + font-size: .9em; + font-style: italic; } .lg-obj-inspector-title { - spacing: 4px; -} + spacing: 4px; } .lg-obj-inspector-button { - border: 1px solid gray; - padding: 4px; - border-radius: 4px; -} - -.lg-obj-inspector-button:hover { - border: 1px solid #ffffff; -} - -.lg-dialog .shell-link { - color: #999999; -} - -.lg-dialog .shell-link:hover { - color: #dddddd; -} - -#LookingGlassDialog StBoxLayout#EvalBox { - padding: 4px; - spacing: 4px; -} - -#LookingGlassDialog StBoxLayout#ResultsArea { - spacing: 4px; -} + border: 1px solid gray; + padding: 4px; + border-radius: 4px; } + .lg-obj-inspector-button:hover { + border: 1px solid #ffffff; } #lookingGlassExtensions { - padding: 4px; -} + padding: 4px; } .lg-extensions-list { - padding: 4px; - spacing: 6px; -} + padding: 4px; + spacing: 6px; } .lg-extension { - border: 1px solid #6f6f6f; - border-radius: 4px; - padding: 4px; -} + border: 1px solid #6f6f6f; + border-radius: 4px; + padding: 4px; } .lg-extension-name { - font-weight: bold; -} + font-weight: bold; } .lg-extension-meta { - spacing: 6px; -} + spacing: 6px; } #LookingGlassPropertyInspector { - background: rgba(12,12,12,0.9); - border: none; - border-radius: 4px; - padding: 6px; -} - -/* Calendar */ - -.calendar-vertical-separator { - -stipple-width: 1px; - -stipple-color: rgba(255,255,255,0.5); - width: 0.3em; -} - -#calendarPopup .calendar { - padding: 10px; -} - -.calendar { - padding: .4em 1.75em .8em 1.75em; - spacing-rows: 0; - spacing-columns: 0; -} - -.calendar-month-label { - color: rgba(255,255,255,0.5); - font-size: 9.5pt; - font-weight: bold; - padding-bottom: 1em; - padding-top: 1em; -} - -.calendar-month-label:focus { - background-color: #999999; -} - -.calendar-change-month-back { - width: 18px; - height: 12px; - background-image: url("assets/calendar-arrow-left.svg"); - border-radius: 4px; -} - -.calendar-change-month-back:rtl { - background-image: url("assets/calendar-arrow-right.svg"); -} - -.calendar-change-month-back:hover, -.calendar-change-month-back:focus { - background-color: #999999; -} -.calendar-change-month-back:active { - background-color: #aaaaaa; -} - -.calendar-change-month-forward { - width: 18px; - height: 12px; - background-image: url("assets/calendar-arrow-right.svg"); - border-radius: 4px; -} - -.calendar-change-month-forward:rtl { - background-image: url("assets/calendar-arrow-left.svg"); -} - -.calendar-change-month-forward:hover, -.calendar-change-month-forward:focus { - background-color: #999999; -} -.calendar-change-month-forward:active { - background-color: #aaaaaa; -} - -.datemenu-date-label { - padding: .4em 1.7em; - font-weight: bold; - text-align: center; - color: #eeeeec; -} - -.datemenu-date-label:focus { - background-color: #999999; -} - -.calendar-day-base { - font-size: 9pt; - text-align: center; - width: 2.4em; - height: 2.4em; -} - -.calendar-day-base:hover, -.calendar-day-base:focus { - background-color: #777777; -} - -.calendar-day-base:active { - font-size: 9pt; - background-color: #555555; - color: white; -} - -.calendar-day-heading { - color: #888a85; - padding-top: .2em; - height: 1.7em; -} - -.calendar-week-number { - color: #babdb6; - font-weight: bold; -} - -/* Hack used in lieu of border-collapse - see calendar.js */ -.calendar-day { - border: 1px solid rgba(255,255,255,0.5); - color: rgba(255,255,255,0.5); - border-top-width: 0; - border-left-width: 0; -} - -.calendar-day-top { - border-top-width: 1px; -} - -.calendar-day-left { - border-left-width: 1px; -} - -.calendar-work-day { -} - -.calendar-nonwork-day { - background-color: rgba(128, 128, 128, .1); -} - -.calendar-today { - background-image: none; - text-shadow: black 0 1px 0; - font-weight: bold; - box-shadow:inset 0 -2px 0 0 rgba(255,255,255,0.7); -} - -.calendar-day-with-events { - font-weight: bold; - color: white; -} - -.calendar-other-month-day { - color: #333333; -} - -.events-table { - width: 320px; - spacing-columns: 6pt; - padding: 0 1.4em; -} - -.events-table:ltr { - padding-right: 1.9em; -} - -.events-table:rtl { - padding-left: 1.9em; -} - -.events-day-header { - font-weight: bold; - color: #999999; - padding-left: 0.4em; - padding-top: 1.2em; -} - -.events-day-header:first-child { - padding-top: 0; -} - -.events-day-header:rtl { - padding-left: 0; - padding-right: 0.4em; -} - -.events-day-dayname { - color: rgba(153, 153, 153, 1.0); - text-align: left; - min-width: 20px; -} - -.events-day-dayname:rtl { - text-align: right; -} - -.events-day-time { - color: #fff; - text-align: right; -} - -.events-day-time:rtl { - text-align: left; -} - -.events-day-task { - color: rgba(153, 153, 153, 1.0); - padding-left: 8pt; -} - -.events-day-task:rtl { - padding-left: 0; - padding-right: 8pt; -} - -.url-highlighter { - link-color: #ccccff; -} - -/* Message Tray */ - -#message-tray { - background: #333 url("assets/message-tray-background.png"); - background-repeat: repeat; - transition-duration: 250; - height: 72px; -} - -.message-tray-summary { - height: 72px; -} - -.message-tray-menu-button StIcon { - padding: 0 20px; - color: rgba(255,255,255,0.3); - icon-shadow: 0 1px rgba(0,0,0,0.2); - icon-size: 32px; -} - -.message-tray-menu-button:hover StIcon, -.message-tray-menu-button:active StIcon, -.message-tray-menu-button:focus StIcon { - color: rgba(255,255,255,0.3); -} - -.no-messages-label, -.no-networks-label { - color: #999999; -} - -.notification { - border-radius: 10px 10px 0 0; - background: rgba(12,12,12,0.9); - padding: 8px 8px 4px 8px; - spacing-rows: 4px; - spacing-columns: 10px; -} - -.notification, #notification-container { - font-size: 11pt; - width: 34em; -} - -.notification.multi-line-notification { - padding-bottom: 1em; -} - -.notification-unexpanded { - /* We want to force the actor at a specific size, irrespective - of its minimum and preferred size, so we override both */ - min-height: 36px; - height: 36px; -} - -/* We use row-span = 2 for the image cell, which prevents its height preferences to be - taken into account during allocation, so its height ends up being limited by the height - of the content in the other rows. To avoid showing a stretched image, we set the minimum - height of the table to be ICON_SIZE + IMAGE_SIZE + spacing-rows = 24 + 125 + 10 = 159 */ -.notification-with-image { - min-height: 159px; -} - -.summary-boxpointer { - -arrow-border-radius: 15px; - -arrow-background-color: rgba(12,12,12,0.9); - -arrow-base: 24px; - -arrow-rise: 12px; - -arrow-border-width: 1px; - -arrow-border-color: rgba(255,255,255,0.2); - color: white; - -boxpointer-gap: 4px; -} - -.summary-boxpointer .notification { - border-radius: 9px; - background: rgba(0,0,0,0) !important; - padding-bottom: 12px; -} - -.summary-boxpointer #summary-right-click-menu { - padding-top: 12px; - padding-bottom: 12px; -} - -.summary-notification-stack-scrollview { - max-height: 18em; - padding-top: 1em; - padding-bottom: 1em; -} - -.summary-notification-stack-scrollview:ltr { - padding-right: 1em; -} - -.summary-notification-stack-scrollview:rtl { - padding-left: 1em; -} - -.notification-scrollview { - max-height: 10em; - -st-vfade-offset: 24px; -} - -.notification-scrollview:ltr > StScrollBar { - padding-left: 6px; -} - -.notification-scrollview:rtl > StScrollBar { - padding-right: 6px; -} - -.notification-body { - spacing: 5px; -} - -.notification-actions { - padding-top: 18px; - spacing: 10px; -} - -.notification-button { - -st-natural-width: 140px; - padding: 4px 4px 5px; -} - -.notification-button:focus { - -st-natural-width: 138px; - padding: 3px 4px 4px; -} - -.notification-icon-button { - border-radius: 5px; - padding: 5px; - color: #fff; -} - -.notification-icon-button:focus { - padding: 4px; -} - -.notification-icon-button > StIcon { - icon-size: 16px; - padding: 1em; -} - -.secondary-icon { - icon-size: 1.09em; -} - -.hotplug-transient-box { - spacing: 6px; - padding: 2px 72px 2px 12px; -} - -.hotplug-notification-item { - padding: 2px 10px; -} - -.hotplug-notification-item:focus { - padding: 1px 71px 1px 11px; -} - -.hotplug-notification-item-icon { - icon-size: 24px; - padding: 2px 5px; -} - -.hotplug-resident-box { - spacing: 1em; -} - -.hotplug-resident-mount { - spacing: 1em; - border-radius: 4px; - - color: #ccc; -} - -.hotplug-resident-mount:hover { - background-gradient-direction: horizontal; - background-gradient-start: rgba(255,255,255,0.2); - background-gradient-end: rgba(255,255,255,0); - - color: #fff; -} - -.hotplug-resident-mount-label { - color: inherit; - padding-left: 6px; -} - -.hotplug-resident-mount-icon { - icon-size: 24px; - padding-left: 6px; -} - -.hotplug-resident-eject-icon { - icon-size: 16px; -} - -.hotplug-resident-eject-button { - padding: 7px; - border-radius: 5px; - color: #ccc; -} - -.chat-log-message { - color: #888888; -} - -.chat-group-sent, .chat-group-meta { - padding: 1em 0; -} - -.chat-received { - padding-left: 4px; -} - -.chat-received:rtl { - padding-left: 0; - padding-right: 4px; -} - -.chat-sent { - padding-left: 18pt; - color: #959595; -} - -.chat-sent:rtl { - padding-left: 0; - padding-right: 18pt; -} - -.chat-meta-message { - padding-left: 4px; - font-size: 9pt; - color: #bbbbbb; -} - -.chat-meta-message:rtl { - padding-left: 0; - padding-right: 4px; -} - -.chat-notification-scrollview{ - max-height: 22em; -} - -.subscription-message { - font-style: italic; -} - -.notification StEntry { - border-radius: 4px; -} - -.summary-source-button { - padding: 6px 3px 6px 3px; -} - -.summary-source-button:last-child:ltr { - padding-right: 6px; -} - -.summary-source-button:last-child:rtl { - padding-left: 6px; -} - -.summary-source-button:hover .summary-source { - background-color: rgba(255,255,255,0.2); -} - -.summary-source-button:focus .summary-source, -.summary-source-button:selected .summary-source { - background-color: rgba(255,255,255,0.33); -} - -.summary-source { - border-radius: 4px; - padding: 0 6px 0 6px; - transition-duration: 100ms; -} - -.summary-source-counter { - background-image: url("assets/summary-counter.svg"); - background-size: 2.4em; - font-size: 10pt; - font-weight: bold; - height: 2.4em; - width: 2.4em; - -shell-counter-overlap-x: 13px; - -shell-counter-overlap-y: 13px; -} - -/* OSD */ -.osd-window { - text-align: center; - font-weight: bold; - spacing: 1em; -} - -.osd-window .level { - height: 0.6em; - border-radius: 0.3em; - background-color: rgba(255,255,255,0.35); -} - -/* App Switcher */ -.switcher-popup { - padding: 1em; - spacing: 16px; -} - -.osd-window, -.switcher-list { - background: rgba(12,12,12,0.9); - border: none; - border-radius: 24px; - padding: 20px; -} - -.switcher-list-item-container { - spacing: 1em; -} - -.thumbnail-scroll-gradient-left { - background-gradient-direction: horizontal; - background-gradient-start: rgba(51, 51, 51, 1.0); - background-gradient-end: rgba(51, 51, 51, 0); - border-radius: 24px; - border-radius-topright: 0; - border-radius-bottomright: 0; - width: 60px; -} - -.thumbnail-scroll-gradient-right { - background-gradient-direction: horizontal; - background-gradient-start: rgba(51, 51, 51, 0); - background-gradient-end: rgba(51, 51, 51, 1.0); - border-radius: 24px; - border-radius-topleft: 0; - border-radius-bottomleft: 0; - width: 60px; -} - -.switcher-list .item-box { - padding: 1em; - border-radius: 1em; -} - -.switcher-list .item-box:outlined { - padding: 6px; - border: 1px solid rgba(255,255,255,0.2); -} - -.switcher-list .item-box:selected { - background: rgba(255,255,255,0.4); -} - -.switcher-list .thumbnail-box { - padding: 2px; - spacing: 4px; -} - -.switcher-list .thumbnail { - width: 256px; -} - -.switcher-list .separator { - width: 1px; - background: rgba(255,255,255,0.33); -} - -.ripple-box { - width: 52px; - height: 52px; - background-image: url("assets/corner-ripple-ltr.png"); - background-size: contain; -} - -.ripple-box:rtl { - background-image: url("assets/corner-ripple-rtl.png"); -} - -.switcher-arrow { - border-color: rgba(0,0,0,0); - color: #808080; -} - -.switcher-arrow:highlighted { - border-color: rgba(0,0,0,0); - color: white; -} - -/* Workspace Switcher */ -.workspace-switcher-group { - padding: 12px; -} - -.workspace-switcher-container { - background: rgba(12,12,12,0.9); - border: 1px solid rgba(255,255,255,0.2); - border-radius: 2em; - padding: 2em; -} - -.workspace-switcher { - background: transparent; - border: 0; - border-radius: 0; - padding: 0; - spacing: 1em; -} - -.ws-switcher-active-up { - height: 96px; - width: 96px; - border: 0; - background: rgba(255,255,255,0.5); - background-image: url("assets/ws-switch-arrow-up.png"); - border-radius: 1em; -} - -.ws-switcher-active-down { - height: 96px; - width: 96px; - border: 0; - background: rgba(255,255,255,0.5); - background-image: url("assets/ws-switch-arrow-down.png"); - border-radius: 1em; -} - -.ws-switcher-box { - height: 96px; - background: rgba(255,255,255,0.2); - background: transparent; - border-radius: 1em; -} - -/* Modal Dialogs */ - -/* Dialog Subject Text Style */ -.show-processes-dialog-subject, -.mount-question-dialog-subject, -.end-session-dialog-subject { - font-size: 14pt; - font-weight: bold; - color: #999999; -} - -.modal-dialog { - border-radius: 1.4em; - background-color: rgba(12,12,12,0.9); - border:1px solid rgba(255,255,255,0.2); - padding-right: 3em; - padding-left: 3em; - padding-bottom: 2em; - padding-top: 2em; -} - -.modal-dialog-button-box { - spacing: 21px; - padding-top: 50px; -} - -.modal-dialog-button { - padding: 4px 32px 5px; -} - -.modal-dialog-button:focus { - padding: 3px 31px 4px; -} - -/* Run Dialog */ - -.run-dialog-label { - font-size: 12pt; - font-weight: bold; - color: #f7f7f7; - padding-bottom: 0.4em; -} - -.run-dialog-error-box { - padding-top: 15px; - spacing: 5px; -} - -.modal-dialog .run-dialog-entry { - width: 20em; -} - -.lightbox { - background-color: black; -} - -.flashspot { - background-color: white; -} - -/* End Session Dialog */ -.end-session-dialog { - spacing: 42px; -} - -.end-session-dialog-list { - padding-top: 20px; -} - -.end-session-dialog-subject { - padding-left: 17px; - padding-bottom: 20px; -} - -.end-session-dialog-subject:rtl { - padding-left: 0; - padding-right: 17px; -} - -.end-session-dialog-description { - padding-left: 17px; - width: 28em; -} - -.end-session-dialog-description:rtl { - padding-right: 17px; -} - -.end-session-dialog-logout-icon { - border: 1px solid #8b8b8b; - border-radius: 5px; - width: 32px; - height: 32px; - background-size: contain; -} - -.end-session-dialog-shutdown-icon { - color: #bebebe; - width: 32px; - height: 32px; -} - -.end-session-dialog-inhibitor-layout { - spacing: 16px; - max-height: 200px; - padding-right: 50px; - padding-left: 50px; -} - -.end-session-dialog-list-header { - font-weight: bold; -} - -.end-session-dialog-app-list-item, -.end-session-dialog-session-list-item { - spacing: 1em; -} - -.end-session-dialog-app-list-item-name, -.end-session-dialog-session-list-item-name { - font-weight: bold; -} - -.end-session-dialog-app-list-item-description { - color: #cccccc; - font-size: 10pt; -} - -/* ShellMountOperation Dialogs */ -.shell-mount-operation-icon { - icon-size: 48px; -} - -.mount-password-reask { - color: red; -} - -.show-processes-dialog, -.mount-question-dialog { - spacing: 24px; -} - -.show-processes-dialog-subject, -.mount-question-dialog-subject { - padding-top: 10px; - padding-left: 17px; - padding-bottom: 6px; -} - -.mount-question-dialog-subject { - max-width: 500px; -} - -.show-processes-dialog-subject:rtl, -.mount-question-dialog-subject:rtl { - padding-left: 0; - padding-right: 17px; -} - -.show-processes-dialog-description, -.mount-question-dialog-description { - padding-left: 17px; - width: 28em; -} - -.show-processes-dialog-description:rtl, -.mount-question-dialog-description:rtl { - padding-right: 17px; -} - -.show-processes-dialog-app-list { - font-size: 10pt; - max-height: 200px; - padding-top: 24px; - padding-left: 49px; - padding-right: 32px; -} - -.show-processes-dialog-app-list:rtl { - padding-right: 49px; - padding-left: 32px; -} - -.show-processes-dialog-app-list-item { - color: #ccc; -} - -.show-processes-dialog-app-list-item:hover { - color: white; -} - -.show-processes-dialog-app-list-item:ltr { - padding-right: 1em; -} - -.show-processes-dialog-app-list-item:rtl { - padding-left: 1em; -} - -.show-processes-dialog-app-list-item-icon:ltr { - padding-right: 17px; -} - -.show-processes-dialog-app-list-item-icon:rtl { - padding-left: 17px; -} - -.show-processes-dialog-app-list-item-name { - font-size: 10pt; -} - -/* Password or Authentication Dialog */ -.prompt-dialog { - /* this is the width of the entire modal popup */ - width: 500px; -} - -.prompt-dialog-main-layout { - spacing: 24px; - padding: 10px; -} - -.prompt-dialog-message-layout { - spacing: 16px; -} - -.prompt-dialog-headline { - font-size: 12pt; - font-weight: bold; - color: #666666; -} - -.prompt-dialog-password-box { - spacing: 1em; - padding-bottom: 1em; -} - -.prompt-dialog-error-label { - font-size: 10pt; - color: #ffff00; - padding-bottom: 1em; -} - -.prompt-dialog-info-label { - font-size: 10pt; - padding-bottom: 1em; -} - -.hidden { - color: rgba(0,0,0,0); -} - -.prompt-dialog-null-label { - font-size: 10pt; - padding-bottom: 1em; -} - -/* Polkit Dialog */ - -.polkit-dialog-user-layout { - padding-left: 10px; - spacing: 10px; -} - -.polkit-dialog-user-layout:rtl { - padding-left: 0; - padding-right: 10px; -} - -.polkit-dialog-user-root-label { - color: #ff0000; -} - -.polkit-dialog-user-icon { - border: 1px solid #8b8b8b; - border-radius: 5px; - background-size: contain; - width: 48px; - height: 48px; -} - -/* Network Agent Dialog */ - -.network-dialog-secret-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -.keyring-dialog-control-table { - spacing-rows: 15px; - spacing-columns: 1em; -} - -/* Magnifier */ - -.magnifier-zoom-region { - border: 1px solid rgba(128, 0, 0, 255); -} - -.magnifier-zoom-region.full-screen { - border-width: 0; -} - -/* On-screen Keyboard */ - -#keyboard { - background: rgba(12,12,12,0.9); -} - -.keyboard-layout { - spacing: 10px; - padding: 10px; -} - -.keyboard-row { - spacing: 15px; -} - -.keyboard-key { - min-height: 32px; - min-width: 32px; - background-gradient-start: rgba(255,255,255,0.3); - background-gradient-end: rgba(255,255,255,0.35); - background-gradient-direction: vertical; - font-size: 14pt; - font-weight: bold; - border-radius: 1em; - border: none; - color: white; - box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.7); -} - -.keyboard-key:grayed { - color: #808080; - border-color: #808080; -} - - -.keyboard-key:hover { - background-gradient-start: rgba(255,255,255,0.35); - background-gradient-end: rgba(255,255,255,0.4); - background-gradient-direction: vertical; - border: none; -} - -.keyboard-key:checked, -.keyboard-key:active { - padding-top: 2px; - background-gradient-start: rgba(255,255,255,0.3); - background-gradient-end: rgba(255,255,255,0.3); - background-gradient-direction: vertical; - box-shadow:inset 0 2px 0 0 rgba(12,12,12,0.9); - transition-duration: 100ms; -} - -.keyboard-subkeys { - color: white; - padding: 5px; - -arrow-border-radius: 10px; - -arrow-background-color: rgba(12,12,12,0.9); - -arrow-border-width: 0; - -arrow-border-color: white; - -arrow-base: 20px; - -arrow-rise: 10px; - -boxpointer-gap: 5px; -} - -/* IBus Candidate Popup */ - -.candidate-popup-content { - padding: 0.5em; - spacing: 0.3em; -} - -.candidate-index { - padding: 0 0.5em 0 0; - color: #cccccc; -} - -.candidate-box { - padding: 0.3em 0.5em 0.3em 0.5em; -} - -.candidate-box:selected { - border-radius: 4px; - background-color: rgba(255,255,255,0.2); -} - -.candidate-box:hover { - border-radius: 4px; - background-color: rgba(255,255,255,0.2); -} -.candidate-page-button-box { - height: 2em; - width: 80px; -} - -.vertical .candidate-page-button-box { - padding-top: 0.5em; -} - -.horizontal .candidate-page-button-box { - padding-left: 0.5em; -} - -.candidate-page-button-previous { - border-radius: 4px 0 0 4px; -} - -.candidate-page-button-next { - border-radius: 0 4px 4px 0; -} - -.candidate-page-button-icon { - icon-size: 1em; -} - -/* Login Dialog */ - -.framed-user-icon { - border: 1px solid #8b8b8b; - border-radius: 3px; - background-size: contain; -} - -.framed-user-icon:hover { - border: 1px solid #bbbbbb; -} - -.login-dialog-banner { - font-size: 10pt; - font-weight: bold; - text-align: center; - color: #666666; - padding-bottom: 1em; -} - -.login-dialog-title { - font-size: 14pt; - font-weight: bold; - color: #666666; - padding-bottom: 2em; -} - -.login-dialog { - /* Reset border and background */ - border: none; - background-color: transparent; -} - -.login-dialog-button-box { - spacing: 5px; -} - -.login-dialog-user-list-view { - -st-vfade-offset: 1em; -} - -.login-dialog-user-list { - spacing: 12px; - padding: .2em; - width: 23em; -} - -.login-dialog-user-list-item { - border-radius: 5px; - padding: .2em; -} - -.login-dialog-user-list-item:ltr { - padding-right: 1em; -} - -.login-dialog-user-list-item:rtl { - padding-left: 1em; -} - -.login-dialog-user-list-item .login-dialog-user-list-item-name { - font-size: 20px; - padding-left: 18px; - font-weight: bold; -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item { - color: #bfbfbf; -} - -.login-dialog-user-list-item, -.login-dialog-user-list-item:hover .login-dialog-user-list-item-name, -.login-dialog-user-list:expanded .login-dialog-user-list-item:focus .login-dialog-user-list-item-name, -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - color: #bfbfbf; - text-shadow: black 0 1px 0; -} - -.login-dialog-user-list-item:hover { - background-color: rgba(255,255,255,0.2); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:focus { - background-color: rgba(255,255,255,0.33); -} - -.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { - background-image: url("assets/logged-in-indicator.svg"); - background-size: contain; -} - -.login-dialog-user-list-item-text-box { - padding: 0 0.5em; -} - -.login-dialog-user-list-item .login-dialog-timed-login-indicator { - background-color: rgba(0,0,0,0.0); - height: 2px; -} - -.login-dialog-user-list-item:focus .login-dialog-timed-login-indicator { - background-color: #8b8b8b; -} - -.login-dialog-user-list-item-icon { - border: 1px solid #8b8b8b; - border-radius: 3px; - width: 64px; - height: 64px; -} - -.login-dialog-not-listed-label { - font-size: 10.5pt; - font-weight: bold; - color: #666666; - padding-top: 1em; -} - -.login-dialog-user-selection-box { - padding: 100px 0; -} - -.login-dialog-user-selection-box .login-dialog-not-listed-label { - padding-left: 2px; -} - -.login-dialog-not-listed-button:focus .login-dialog-not-listed-label, -.login-dialog-not-listed-button:hover .login-dialog-not-listed-label { - color: #E8E8E8; -} - -.login-dialog-username { - font-size: 16pt; - font-weight: bold; - text-align: left; - padding-left: 15px; - text-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); -} - -.login-dialog-prompt-layout { - padding-top: 24px; - padding-bottom: 12px; - spacing: 1em; - width: 23em; -} - -.login-dialog-prompt-label { - color: #eeeeee; - font-size: 14px; - padding-top: 11px; -} - -.login-dialog-session-list-button StIcon { - icon-size: 1.25em; -} - -.login-dialog-session-list-button { - color: #8b8b8b; -} - -.login-dialog-session-list-button:hover, -.login-dialog-session-list-button:active { - color: white; -} - -.login-dialog-logo-bin { - padding: 24px 0; -} - -.login-dialog .modal-dialog-button-box { - spacing: 3px; -} - -.login-dialog .modal-dialog-button { - border-radius: 5px; - padding: 3px 18px; -} - -.login-dialog .modal-dialog-button:focus { - padding: 2px 17px; -} - -.login-dialog .modal-dialog-button:default { - background-gradient-start: #6793c4; - background-gradient-end: #335d8f; - background-gradient-direction: vertical; - border-color: #97A7AB; -} - -.login-dialog .modal-dialog-button:default:focus { - border: 1px solid #377fe7; -} - -.login-dialog .modal-dialog-button:default:hover { - background-gradient-start: #74a0d0; - background-gradient-end: #436d9f; -} - -.login-dialog .modal-dialog-button:default:active, -.login-dialog .modal-dialog-button:default:pressed { - background-gradient-start: #436d9f; - background-gradient-end: #74a0d0; -} - -.login-dialog .modal-dialog-button:default:insensitive { - border-color: #666666; - color: #9f9f9f; - background-gradient-direction: none; - background-color: rgba(102, 102, 102, 0.15); -} - -.login-dialog-message { - padding-top: 4px; - padding-bottom: 16px; - min-height: 2em; -} - -.login-dialog-message-warning { - color: orange; -} - -.login-dialog-message-hint { - padding-top: 0; - padding-bottom: 20px; -} - -.user-widget-label { - font-size: 20px; - font-weight: bold; - text-align: left; - padding-left: 18px; - color:white; - text-shadow: 0 1px 1px 0 rgba(0,0,0,0.4); -} - -/* Screen shield */ - -#panel.lock-screen, -#screenShieldNotifications { - background-color: rgba(0,0,0,0.3); -} - -.screen-shield-background { - background: black; - box-shadow: 0 4px 1em rgba(12,12,12,0.9); -} - -#lockDialogGroup { - background: #2e3436 url("assets/noise-texture.png"); - background-repeat: repeat; -} - -.screen-shield-arrows { - padding-bottom: 3em; -} - -.screen-shield-arrows Gjs_Arrow { - color: white; - width: 80px; - height: 48px; - -arrow-thickness: 12px; - -arrow-shadow: 0 1px 1px rgba(0,0,0,0.4); -} - -.screen-shield-contents-box { - spacing: 48px; -} - -.screen-shield-clock { - color: white; - text-shadow: 0 1px 2px rgba(0,0,0,0.6); - font-weight: bold; - text-align: center; - padding-bottom: 1.5em; -} - -.screen-shield-clock-time { - font-size: 72pt; - text-shadow: 0 2px 2px rgba(0,0,0,0.4); -} - -.screen-shield-clock-date { - font-size: 28pt; -} - -#screenShieldNotifications { - max-height: 500px; - padding: 12px; -} - -.screen-shield-notifications-box { - spacing: 12px; - width: 30em; -} - -.screen-shield-notification-source { - padding: 3px 6px; - spacing: 5px; -} - -.screen-shield-notification-label { - font-weight: bold; - padding: 0 0 0 12px; -} - -.screen-shield-notification-count-text { - padding: 0 0 0 12px; -} - -/* Remove background from notifications, otherwise - opacity is doubled and they look darker -*/ -.screen-shield-notifications-box .notification { - background-color: transparent; -} - -/* Override padding on resident notifications, since - the notifications box has its own spacing -*/ -.screen-shield-notifications-box .summary-notification-stack-scrollview { - padding-top: 0; - padding-bottom: 0; -} - -#screenShieldNotifications .notification-button, -#screenShieldNotifications .notification-icon-button { - border: 1px rgba(255,255,255,0.5); -} - -#screenShieldNotifications StScrollBar StBin#trough { - background-color: rgba(0,0,0,0.2); -} - -#screenShieldNotifications StScrollBar StButton#vhandle, -#screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(0,0,0,0.3); - border: none; -} - -#screenShieldNotifications StScrollBar StButton#vhandle:hover, -#screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(0,0,0,0.6); -} - -#screenShieldNotifications StScrollBar StButton#vhandle:active, -#screenShieldNotifications StScrollBar StButton#hhandle { - background-color: rgba(12,12,12,0.9); -} - -.input-source-switcher-symbol { - font-size: 34pt; - width: 96px; - height: 96px; -} - -/* Background menu */ - -.background-menu { - -boxpointer-gap: 4px; -} + background: rgba(0, 0, 0, 0.8); + border: 2px solid grey; + border-radius: 4px; + padding: 6px; } diff --git a/Paper/gtk-3.0/apps/xfce.css b/Paper/gtk-3.0/apps/xfce.css index 5a6936a..f903c26 100644 --- a/Paper/gtk-3.0/apps/xfce.css +++ b/Paper/gtk-3.0/apps/xfce.css @@ -21,13 +21,13 @@ * Xfce * ********/ - XfceHeading, +XfceHeading, .XfceHeading { margin: 0; padding: 0; border-width: 0; - background-color: @theme_base_color; background-image: none; + background-color: @theme_base_color; color: @theme_text_color; } diff --git a/Paper/gtk-3.0/gtk-common.css b/Paper/gtk-3.0/gtk-common.css index 2075c3f..97d2c49 100644 --- a/Paper/gtk-3.0/gtk-common.css +++ b/Paper/gtk-3.0/gtk-common.css @@ -112,8 +112,8 @@ * Progressbars * ****************/ -@define-color progressbar_background shade(@selected_background, 1.1); -@define-color backdrop_progressbar_background shade(@backdrop_background, 0.85); +@define-color progressbar_background shade(@selected_background, 1.02); +@define-color backdrop_progressbar_background shade(@selected_background, 0.85); @define-color insensitive_progressbar_background shade(@insensitive_background, 0.85); @@ -121,9 +121,10 @@ * Troughs * ***********/ @define-color trough_active @selected_background; +@define-color trough_active_backdrop @backdrop_selected_background; @define-color trough_background @base; -@define-color insensitive_trough_background shade(@background, 0.9); -@define-color backdrop_trough_background @backdrop_background; +@define-color insensitive_trough_background shade(@trough_background, 0.9); +@define-color backdrop_trough_background shade(@trough_background, 1.1); /********************* * Internal elements * diff --git a/Paper/gtk-3.0/gtk.css b/Paper/gtk-3.0/gtk.css index 1a22d29..45cb41d 100644 --- a/Paper/gtk-3.0/gtk.css +++ b/Paper/gtk-3.0/gtk.css @@ -31,7 +31,7 @@ @define-color panel #454D50;/* Panel color */ @define-color header #636E73;/* Header color */ @define-color backdrop_header #454D50; /* Header backdrop color */ -@define-color header_text #fff;/* Header text color */ +@define-color header_text alpha(#fff, 0.8);/* Header text color */ @define-color selection #9FB0B9;/* Selection color */ @define-color view_background #ffffff;/* View background */ @define-color inactive_frame @border;/* Inactive frame color */ diff --git a/Paper/gtk-3.0/widgets/buttons.css b/Paper/gtk-3.0/widgets/buttons.css index 848df5a..684aae1 100644 --- a/Paper/gtk-3.0/widgets/buttons.css +++ b/Paper/gtk-3.0/widgets/buttons.css @@ -68,9 +68,6 @@ GtkCalendar.button:backdrop:hover, } /* Focus Button */ - - - .button *:focus, *.button:focus { outline-color: alpha(#000, 0.2); @@ -116,9 +113,9 @@ GtkCalendar.button:backdrop:hover, .button.image-button:active { border: 1px solid @selection; background-color: shade(@selection, 1.1); - background-image: linear-gradient(to bottom, - shade(shade(@selection, 1.1), 0.95), - shade(@selection, 1.1) + background-image: linear-gradient(to top, + shade(@selection, 1.1), + shade(shade(@selection, 1.1), 0.95) ); color: @selected_foreground; @@ -288,7 +285,6 @@ GtkCalendar.button:backdrop:hover, /************** * Help Button * **************/ - .help_button { border-radius: 16px; } diff --git a/Paper/gtk-3.0/widgets/header-bar.css b/Paper/gtk-3.0/widgets/header-bar.css index 1967f67..dc4075f 100644 --- a/Paper/gtk-3.0/widgets/header-bar.css +++ b/Paper/gtk-3.0/widgets/header-bar.css @@ -27,7 +27,7 @@ background-image: none; background-color: @header; color: @header_text; - box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7); + /*box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7);*/ } .header-bar:backdrop { diff --git a/Paper/gtk-3.0/widgets/progressbars.css b/Paper/gtk-3.0/widgets/progressbars.css index 1ffdae7..32faaaf 100644 --- a/Paper/gtk-3.0/widgets/progressbars.css +++ b/Paper/gtk-3.0/widgets/progressbars.css @@ -27,7 +27,8 @@ GtkProgressBar { border-radius: 0px; } -GtkProgressBar.progressbar { +GtkProgressBar.progressbar, +GtkProgressBar.progressbar:active { color: alpha(#000,0.5); background-color: @progressbar_background; } diff --git a/Paper/gtk-3.0/widgets/scales.css b/Paper/gtk-3.0/widgets/scales.css index 0fce7d2..48f9866 100644 --- a/Paper/gtk-3.0/widgets/scales.css +++ b/Paper/gtk-3.0/widgets/scales.css @@ -32,7 +32,7 @@ .scale.vertical.highlight.bottom, .menubar .menuitem .scale.highlight.left, .menubar .menuitem .scale.highlight.bottom { - border: 1px solid transparent; + border: 1px solid @selection; background-color: @selection; } @@ -41,8 +41,8 @@ .scale.highlight.bottom:insensitive, .menubar .menuitem .scale.highlight.left:insensitive, .menubar .menuitem .scale.highlight.bottom:insensitive { - border: 1px solid transparent; - background-color: @insensitive_trough_background; + border: 1px solid @border; + background-color: @insensitive_base; } /* Hover fill colors */ @@ -50,8 +50,8 @@ .scale.highlight.bottom:hover, .menubar .menuitem .scale.highlight.left:hover, .menubar .menuitem .scale.highlight.bottom:hover { - border: 1px solid transparent; - background-color: @trough_background; + border: 1px solid @border; + background-color: shade(@selection, 1.05); } /* backdrop fill colors */ @@ -59,8 +59,8 @@ .scale.vertical.highlight.bottom:backdrop, .menubar .menuitem.scale.highlight.left:backdrop, .menubar .menuitem.scale.highlight.bottom:backdrop { - border: 1px solid transparent; - background-color: @backdrop_trough_background; + border: 1px solid @border; + background-color: @backdrop_selection; } /*********** @@ -70,39 +70,39 @@ /* Margins */ .scale.trough { border-width: 1px; - margin: 6px 0; + margin: 7px 0; } .scale.trough.vertical { border-width: 1px; - margin: 0 6px; + margin: 0 7px; } /* Trough colors */ .scale.trough, .scale.trough.vertical { - border: 1px solid transparent; + border: 1px solid @border; background-color: @trough_background; } /* Hover trough colors */ .scale.trough:hover, .scale.trough.vertical:hover { - border: 1px solid transparent; + border: 1px solid @border; background-color: @hover_background; } /* Insensitive trough colors */ .scale.trough:insensitive, .scale.trough.vertical:insensitive { - border: 1px solid transparent; + border: 1px solid @border; background-color: @insensitive_trough_background; } /* backdrop trough colors */ .scale.trough:backdrop, .scale.trough.vertical:backdrop { - border: 1px solid transparent; + border: 1px solid @border; background-color: @backdrop_trough_background; } diff --git a/Paper/gtk-3.0/widgets/titlebar.css b/Paper/gtk-3.0/widgets/titlebar.css index e1da912..9a82392 100644 --- a/Paper/gtk-3.0/widgets/titlebar.css +++ b/Paper/gtk-3.0/widgets/titlebar.css @@ -46,7 +46,7 @@ padding-top: 0px; background-color: @header; color: @header_text; - box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7); + /*box-shadow: inset 0 -3px 3px -4px alpha(#000, 0.7);*/ } .titlebar .title { diff --git a/Paper/gtk-3.0/widgets/toolbars.css b/Paper/gtk-3.0/widgets/toolbars.css index ea1a868..74c8cce 100644 --- a/Paper/gtk-3.0/widgets/toolbars.css +++ b/Paper/gtk-3.0/widgets/toolbars.css @@ -269,8 +269,8 @@ padding: 13px; } -.primary-toolbar.toolbar .button:active -.primary-toolbar.toolbar GtkToggleButton:active +.primary-toolbar.toolbar .button:active, +.primary-toolbar.toolbar GtkToggleButton:active, .primary-toolbar.toolbar .text-button:active, .primary-toolbar.toolbar .image-button:active { border: none;