diff options
Diffstat (limited to 'themes/Graphite-Dark/gnome-shell')
20 files changed, 5150 insertions, 0 deletions
diff --git a/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg b/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg new file mode 100644 index 0000000..ec8b478 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-left.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7"> + <path d="m10 3v10l-5-5z"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg b/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg new file mode 100644 index 0000000..6fc5556 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/calendar-arrow-right.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="#FFFFFF" opacity="0.7"> + <path d="m6 3v10l5-5z"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/calendar-today.svg b/themes/Graphite-Dark/gnome-shell/assets/calendar-today.svg new file mode 100644 index 0000000..5e77084 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/calendar-today.svg @@ -0,0 +1,178 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="24" + height="24" + id="svg10621" + version="1.1" + inkscape:version="0.91 r13725" + sodipodi:docname="calendar-today.svg"> + <defs + id="defs10623"> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient99561-1" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <linearGradient + inkscape:collect="always" + id="linearGradient34508-1-3"> + <stop + style="stop-color:#ffffff;stop-opacity:1;" + offset="0" + id="stop34510-1-9" /> + <stop + style="stop-color:#ffffff;stop-opacity:0;" + offset="1" + id="stop34512-4-5" /> + </linearGradient> + <radialGradient + r="42" + fy="30" + fx="51" + cy="30" + cx="51" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + gradientUnits="userSpaceOnUse" + id="radialGradient10592" + xlink:href="#linearGradient34508-1-3" + inkscape:collect="always" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3770" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3001" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3007" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3067" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient3072" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + <radialGradient + inkscape:collect="always" + xlink:href="#linearGradient34508-1-3" + id="radialGradient2997" + gradientUnits="userSpaceOnUse" + gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)" + cx="51" + cy="30" + fx="51" + fy="30" + r="42" /> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#000000" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:zoom="8" + inkscape:cx="-23.537329" + inkscape:cy="-31.442864" + inkscape:document-units="px" + inkscape:current-layer="layer1" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="2133" + inkscape:window-height="1241" + inkscape:window-x="238" + inkscape:window-y="88" + inkscape:window-maximized="0" + borderlayer="true" + inkscape:showpageshadow="false"> + <inkscape:grid + type="xygrid" + id="grid3109" + empspacing="5" + visible="true" + enabled="true" + snapvisiblegridlinesonly="true" /> + </sodipodi:namedview> + <metadata + id="metadata10626"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-469.08263,-537.99307)"> + <circle + style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" + id="path7305" + cx="481.57138" + cy="559.4649" + r="1.5" /> + </g> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg b/themes/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg new file mode 100644 index 0000000..5bc9d3e --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/checkbox-dark.svg @@ -0,0 +1,41 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + fill="#000000" + version="1.1" + viewBox="0 0 24 24" + id="svg4" + sodipodi:docname="checkbox-dark.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="5.2540541" + inkscape:cy="11.978378" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + inkscape:showpageshadow="2" + inkscape:deskcolor="#d1d1d1" /> + <path + d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" + style="fill:#e0e0e0" + id="path2" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/checkbox-off.svg b/themes/Graphite-Dark/gnome-shell/assets/checkbox-off.svg new file mode 100644 index 0000000..0c5e5a0 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/checkbox-off.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF" opacity="0.7"> + <path d="M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/checkbox.svg b/themes/Graphite-Dark/gnome-shell/assets/checkbox.svg new file mode 100644 index 0000000..63c390c --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/checkbox.svg @@ -0,0 +1,41 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="24" + height="24" + fill="#000000" + version="1.1" + viewBox="0 0 24 24" + id="svg4" + sodipodi:docname="checkbox.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs8" /> + <sodipodi:namedview + id="namedview6" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="23.125" + inkscape:cx="7.8054054" + inkscape:cy="11.978378" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg4" + inkscape:showpageshadow="2" + inkscape:deskcolor="#d1d1d1" /> + <path + d="m5 3c-1.108 0-2 0.892-2 2v14c0 1.108 0.892 2 2 2h14c1.108 0 2-0.892 2-2v-14c0-1.108-0.892-2-2-2zm12.59 3.5801 1.4102 1.4199-9 9-5-5 1.4102-1.4102 3.5898 3.5801z" + style="fill:#333333" + id="path2" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg b/themes/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg new file mode 100644 index 0000000..172156a --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/dash-placeholder.svg @@ -0,0 +1,4 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="#FFFFFF"> + <circle cx="12" cy="12" r="12" opacity="0.3"/> + <circle cx="12" cy="12" r="4"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/no-events.svg b/themes/Graphite-Dark/gnome-shell/assets/no-events.svg new file mode 100644 index 0000000..239177d --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/no-events.svg @@ -0,0 +1,82 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="48" + height="48" + viewBox="0 0 48 48" + id="svg2" + version="1.1" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="no-events.svg"> + <metadata + id="metadata12"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + <dc:title /> + <cc:license + rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> + </cc:Work> + <cc:License + rdf:about="http://creativecommons.org/licenses/by-sa/4.0/"> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Reproduction" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#Distribution" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Notice" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#Attribution" /> + <cc:permits + rdf:resource="http://creativecommons.org/ns#DerivativeWorks" /> + <cc:requires + rdf:resource="http://creativecommons.org/ns#ShareAlike" /> + </cc:License> + </rdf:RDF> + </metadata> + <defs + id="defs10" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1413" + inkscape:window-height="955" + id="namedview8" + showgrid="true" + inkscape:zoom="4.9166667" + inkscape:cx="-16.677966" + inkscape:cy="15.864407" + inkscape:window-x="46" + inkscape:window-y="71" + inkscape:window-maximized="0" + inkscape:current-layer="svg2"> + <inkscape:grid + type="xygrid" + id="grid4134" /> + </sodipodi:namedview> + <path + d="M0 0h48v48H0z" + fill="none" + id="path4" /> + <path + d="m 38,6 -2,0 0,-4 -4,0 0,4 -16,0 0,-4 -4,0 0,4 -2,0 C 7.79,6 6.02,7.79 6.02,10 L 6,38 c 0,2.21 1.79,4 4,4 l 28,0 c 2.21,0 4,-1.79 4,-4 L 42,10 C 42,7.79 40.21,6 38,6 Z m 0,32 -28,0 0,-22 28,0 z" + id="path6" + inkscape:connector-curvature="0" + sodipodi:nodetypes="sccccccccsccsssssccccc" + style="fill:#f5f5f5;fill-opacity:1;opacity:0.54" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/no-notifications.svg b/themes/Graphite-Dark/gnome-shell/assets/no-notifications.svg new file mode 100644 index 0000000..ae09f92 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/no-notifications.svg @@ -0,0 +1,3 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="#FFFFFF" opacity="0.5"> + <path d="M24 44c2.21 0 4-1.79 4-4h-8c0 2.21 1.79 4 4 4zm12-12V22c0-6.15-3.27-11.28-9-12.64V8c0-1.66-1.34-3-3-3s-3 1.34-3 3v1.36c-5.73 1.36-9 6.49-9 12.64v10l-4 4v2h32v-2l-4-4zm-4 2H16V22c0-4.97 3.03-9 8-9s8 4.03 8 9v12z"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/noise-texture.svg b/themes/Graphite-Dark/gnome-shell/assets/noise-texture.svg new file mode 100644 index 0000000..484f6c8 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/noise-texture.svg @@ -0,0 +1,78 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + xmlns:dc="http://purl.org/dc/elements/1.1/" + xmlns:cc="http://creativecommons.org/ns#" + xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" + xmlns:svg="http://www.w3.org/2000/svg" + xmlns="http://www.w3.org/2000/svg" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="1600" + height="900" + viewBox="0 0 1600 900" + version="1.1" + id="svg13" + sodipodi:docname="noise-texture.svg" + inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"> + <metadata + id="metadata17"> + <rdf:RDF> + <cc:Work + rdf:about=""> + <dc:format>image/svg+xml</dc:format> + <dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /> + </cc:Work> + </rdf:RDF> + </metadata> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1366" + inkscape:window-height="698" + id="namedview15" + showgrid="false" + inkscape:zoom="0.26222222" + inkscape:cx="647.80786" + inkscape:cy="422.79535" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="svg13" /> + <defs + id="defs9"> + <radialGradient + id="a" + gradientTransform="matrix(1 1 -1 1 0.5 -0.5)"> + <stop + stop-color="#455A64" + stop-opacity="0" + offset="0.25" + id="stop2" + style="stop-color:#444444;stop-opacity:0" /> + <stop + stop-color="#455A64" + stop-opacity="0.5" + offset="0.75" + id="stop4" + style="stop-color:#444444;stop-opacity:0.50196081" /> + <stop + stop-color="#455A64" + stop-opacity="1" + offset="1" + id="stop6" + style="stop-color:#444444;stop-opacity:1" /> + </radialGradient> + </defs> + <rect + width="1600" + height="900" + fill="url(#a)" + id="rect11" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/process-working.svg b/themes/Graphite-Dark/gnome-shell/assets/process-working.svg new file mode 100644 index 0000000..eedadce --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/process-working.svg @@ -0,0 +1,308 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="512" + height="32" + viewBox="0 0 512 32" + version="1.1" + id="svg137" + sodipodi:docname="process-working.svg" + inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:xlink="http://www.w3.org/1999/xlink" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <sodipodi:namedview + id="namedview139" + pagecolor="#5b5b5b" + bordercolor="#000000" + borderopacity="0.25" + inkscape:showpageshadow="2" + inkscape:pageopacity="0" + inkscape:pagecheckerboard="0" + inkscape:deskcolor="#d1d1d1" + showgrid="false" + inkscape:zoom="2.4882813" + inkscape:cx="361.49451" + inkscape:cy="6.6310832" + inkscape:window-width="1368" + inkscape:window-height="700" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg137" /> + <defs + id="defs7"> + <g + id="g" + fill="#FFFFFF" + opacity="0.7"> + <circle + cx="8" + cy="8" + r="8" + fill="none" + id="circle2" /> + <path + d="m8 1a7 7 0 0 0 -7 7 7 7 0 0 0 7 7 7 7 0 0 0 7 -7h-3a4 4 0 0 1 -4 4 4 4 0 0 1 -4 -4 4 4 0 0 1 4 -4v-3z" + id="path4" + fill="#f5f5f5" /> + </g> + </defs> + <use + xlink:href="#g" + transform="translate(0) rotate(0 8 8)" + id="use9" /> + <use + xlink:href="#g" + transform="translate(16) rotate(5.625 8 8)" + id="use11" /> + <use + xlink:href="#g" + transform="translate(32) rotate(11.25 8 8)" + id="use13" /> + <use + xlink:href="#g" + transform="translate(48) rotate(16.875 8 8)" + id="use15" /> + <use + xlink:href="#g" + transform="translate(64) rotate(22.5 8 8)" + id="use17" /> + <use + xlink:href="#g" + transform="translate(80) rotate(28.125 8 8)" + id="use19" /> + <use + xlink:href="#g" + transform="translate(96) rotate(33.75 8 8)" + id="use21" /> + <use + xlink:href="#g" + transform="translate(112) rotate(39.375 8 8)" + id="use23" /> + <use + xlink:href="#g" + transform="translate(128) rotate(45 8 8)" + id="use25" /> + <use + xlink:href="#g" + transform="translate(144) rotate(50.625 8 8)" + id="use27" /> + <use + xlink:href="#g" + transform="translate(160) rotate(56.25 8 8)" + id="use29" /> + <use + xlink:href="#g" + transform="translate(176) rotate(61.875 8 8)" + id="use31" /> + <use + xlink:href="#g" + transform="translate(192) rotate(67.5 8 8)" + id="use33" /> + <use + xlink:href="#g" + transform="translate(208) rotate(73.125 8 8)" + id="use35" /> + <use + xlink:href="#g" + transform="translate(224) rotate(78.75 8 8)" + id="use37" /> + <use + xlink:href="#g" + transform="translate(240) rotate(84.375 8 8)" + id="use39" /> + <use + xlink:href="#g" + transform="translate(256) rotate(90 8 8)" + id="use41" /> + <use + xlink:href="#g" + transform="translate(272) rotate(95.625 8 8)" + id="use43" /> + <use + xlink:href="#g" + transform="translate(288) rotate(101.25 8 8)" + id="use45" /> + <use + xlink:href="#g" + transform="translate(304) rotate(106.875 8 8)" + id="use47" /> + <use + xlink:href="#g" + transform="translate(320) rotate(112.5 8 8)" + id="use49" /> + <use + xlink:href="#g" + transform="translate(336) rotate(118.125 8 8)" + id="use51" /> + <use + xlink:href="#g" + transform="translate(352) rotate(123.75 8 8)" + id="use53" /> + <use + xlink:href="#g" + transform="translate(368) rotate(129.375 8 8)" + id="use55" /> + <use + xlink:href="#g" + transform="translate(384) rotate(135 8 8)" + id="use57" /> + <use + xlink:href="#g" + transform="translate(400) rotate(140.625 8 8)" + id="use59" /> + <use + xlink:href="#g" + transform="translate(416) rotate(146.25 8 8)" + id="use61" /> + <use + xlink:href="#g" + transform="translate(432) rotate(151.875 8 8)" + id="use63" /> + <use + xlink:href="#g" + transform="translate(448) rotate(157.5 8 8)" + id="use65" /> + <use + xlink:href="#g" + transform="translate(464) rotate(163.125 8 8)" + id="use67" /> + <use + xlink:href="#g" + transform="translate(480) rotate(168.75 8 8)" + id="use69" /> + <use + xlink:href="#g" + transform="translate(496) rotate(174.375 8 8)" + id="use71" /> + <use + xlink:href="#g" + transform="translate(0 16) rotate(180 8 8)" + id="use73" /> + <use + xlink:href="#g" + transform="translate(16 16) rotate(185.625 8 8)" + id="use75" /> + <use + xlink:href="#g" + transform="translate(32 16) rotate(191.25 8 8)" + id="use77" /> + <use + xlink:href="#g" + transform="translate(48 16) rotate(196.875 8 8)" + id="use79" /> + <use + xlink:href="#g" + transform="translate(64 16) rotate(202.5 8 8)" + id="use81" /> + <use + xlink:href="#g" + transform="translate(80 16) rotate(208.125 8 8)" + id="use83" /> + <use + xlink:href="#g" + transform="translate(96 16) rotate(213.75 8 8)" + id="use85" /> + <use + xlink:href="#g" + transform="translate(112 16) rotate(219.375 8 8)" + id="use87" /> + <use + xlink:href="#g" + transform="translate(128 16) rotate(225 8 8)" + id="use89" /> + <use + xlink:href="#g" + transform="translate(144 16) rotate(230.625 8 8)" + id="use91" /> + <use + xlink:href="#g" + transform="translate(160 16) rotate(236.25 8 8)" + id="use93" /> + <use + xlink:href="#g" + transform="translate(176 16) rotate(241.875 8 8)" + id="use95" /> + <use + xlink:href="#g" + transform="translate(192 16) rotate(247.5 8 8)" + id="use97" /> + <use + xlink:href="#g" + transform="translate(208 16) rotate(253.125 8 8)" + id="use99" /> + <use + xlink:href="#g" + transform="translate(224 16) rotate(258.75 8 8)" + id="use101" /> + <use + xlink:href="#g" + transform="translate(240 16) rotate(264.375 8 8)" + id="use103" /> + <use + xlink:href="#g" + transform="translate(256 16) rotate(270 8 8)" + id="use105" /> + <use + xlink:href="#g" + transform="translate(272 16) rotate(275.625 8 8)" + id="use107" /> + <use + xlink:href="#g" + transform="translate(288 16) rotate(281.25 8 8)" + id="use109" /> + <use + xlink:href="#g" + transform="translate(304 16) rotate(286.875 8 8)" + id="use111" /> + <use + xlink:href="#g" + transform="translate(320 16) rotate(292.5 8 8)" + id="use113" /> + <use + xlink:href="#g" + transform="translate(336 16) rotate(298.125 8 8)" + id="use115" /> + <use + xlink:href="#g" + transform="translate(352 16) rotate(303.75 8 8)" + id="use117" /> + <use + xlink:href="#g" + transform="translate(368 16) rotate(309.375 8 8)" + id="use119" /> + <use + xlink:href="#g" + transform="translate(384 16) rotate(315 8 8)" + id="use121" /> + <use + xlink:href="#g" + transform="translate(400 16) rotate(320.625 8 8)" + id="use123" /> + <use + xlink:href="#g" + transform="translate(416 16) rotate(326.25 8 8)" + id="use125" /> + <use + xlink:href="#g" + transform="translate(432 16) rotate(331.875 8 8)" + id="use127" /> + <use + xlink:href="#g" + transform="translate(448 16) rotate(337.5 8 8)" + id="use129" /> + <use + xlink:href="#g" + transform="translate(464 16) rotate(343.125 8 8)" + id="use131" /> + <use + xlink:href="#g" + transform="translate(480 16) rotate(348.75 8 8)" + id="use133" /> + <use + xlink:href="#g" + transform="translate(496 16) rotate(354.375 8 8)" + id="use135" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg b/themes/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg new file mode 100644 index 0000000..2341bc5 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/toggle-off-dark.svg @@ -0,0 +1,4 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <path d="m10 0c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> + <circle transform="scale(-1,1)" cx="-10" cy="10" r="5" fill="#ffffff" opacity=".5" stroke-width="0" style="paint-order:stroke fill markers"/> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/toggle-off.svg b/themes/Graphite-Dark/gnome-shell/assets/toggle-off.svg new file mode 100644 index 0000000..3acc14a --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/toggle-off.svg @@ -0,0 +1,6 @@ +<svg width="40" height="20" version="1.1" xmlns="http://www.w3.org/2000/svg"> + <g transform="translate(0 -1032.4)" fill="#000000" stroke-width="0"> + <path d="m10 1032.4c-5.54 0-10 4.46-10 10s4.46 10 10 10h20c5.54 0 10-4.46 10-10s-4.46-10-10-10zm0 1h20c4.986 0 9 4.014 9 9s-4.014 9-9 9h-20c-4.986 0-9-4.014-9-9s4.014-9 9-9z" opacity=".5" style="paint-order:stroke fill markers"/> + <circle transform="scale(-1,1)" cx="-10" cy="1042.4" r="5" opacity=".5" style="paint-order:stroke fill markers"/> + </g> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg b/themes/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg new file mode 100644 index 0000000..7610680 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/toggle-on-dark.svg @@ -0,0 +1,51 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="20" + version="1.1" + id="svg6" + sodipodi:docname="toggle-on-dark.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="13.875" + inkscape:cx="-9.9099099" + inkscape:cy="15.927928" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" + inkscape:showpageshadow="2" + inkscape:deskcolor="#d1d1d1" /> + <rect + transform="scale(-1,1)" + x="-40" + y="0" + width="40" + height="20" + rx="10" + ry="10" + style="fill:#e0e0e0" + id="rect2" /> + <circle + cx="30" + cy="10" + r="5" + style="fill:#313744" + id="circle4" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/assets/toggle-on.svg b/themes/Graphite-Dark/gnome-shell/assets/toggle-on.svg new file mode 100644 index 0000000..4685294 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/assets/toggle-on.svg @@ -0,0 +1,51 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<svg + width="40" + height="20" + version="1.1" + id="svg6" + sodipodi:docname="toggle-on.svg" + inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns="http://www.w3.org/2000/svg" + xmlns:svg="http://www.w3.org/2000/svg"> + <defs + id="defs10" /> + <sodipodi:namedview + id="namedview8" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageshadow="2" + inkscape:pageopacity="0.0" + inkscape:pagecheckerboard="0" + showgrid="false" + inkscape:zoom="13.875" + inkscape:cx="7.6756757" + inkscape:cy="15.927928" + inkscape:window-width="1920" + inkscape:window-height="1012" + inkscape:window-x="0" + inkscape:window-y="32" + inkscape:window-maximized="1" + inkscape:current-layer="svg6" + inkscape:showpageshadow="2" + inkscape:deskcolor="#d1d1d1" /> + <rect + transform="scale(-1,1)" + x="-40" + y="0" + width="40" + height="20" + rx="10" + ry="10" + style="fill:#333333" + id="rect2" /> + <circle + cx="30" + cy="10" + r="5" + id="circle4" + style="fill:#ffffff" /> +</svg> diff --git a/themes/Graphite-Dark/gnome-shell/gnome-shell.css b/themes/Graphite-Dark/gnome-shell/gnome-shell.css new file mode 100644 index 0000000..1c787a4 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/gnome-shell.css @@ -0,0 +1,4261 @@ +/* This stylesheet is generated, DO NOT EDIT */ +/* Copyright 2009, 2015 Red Hat, Inc. + * + * Portions adapted from Mx's data/style/default.css + * Copyright 2009 Intel Corporation + * + * This program is free software; you can redistribute it and/or modify it + * under the terms and conditions of the GNU Lesser General Public License, + * version 2.1, as published by the Free Software Foundation. + * + * This program is distributed in the hope it will be useful, but WITHOUT ANY + * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS + * FOR A PARTICULAR PURPOSE. See the GNU Lesser General Public License for + * more details. + * + * You should have received a copy of the GNU Lesser General Public License + * along with this program; if not, write to the Free Software Foundation, + * Inc., 51 Franklin St - Fifth Floor, Boston, MA 02110-1301 USA. + */ +.message-list .message-list-placeholder { + font-weight: 800; + font-size: 15pt; +} + +.quick-toggle-menu .header .title { + font-weight: 700; + font-size: 15pt; +} + +.bt-menu-placeholder.popup-menu-item { + font-weight: 700; + font-size: 13pt; +} + +.background-app-item .title, .world-clocks-button .world-clocks-header { + font-weight: 700; + font-size: 11pt; +} + +.quick-toggle-menu .header .subtitle { + font-weight: 700; + font-size: 9pt; +} + +.icon-label-button-container, .background-app-item .subtitle { + font-weight: 400; + font-size: 9pt; +} + +.ripple-pointer-location { + width: 48px; + height: 48px; + border-radius: 24px; + background-color: rgba(255, 255, 255, 0.3); + box-shadow: 0 0 2px 2px white; +} + +.pie-timer { + width: 60px; + height: 60px; + -pie-border-width: 3px; + -pie-border-color: #E0E0E0; + -pie-background-color: rgba(255, 255, 255, 0.3); +} + +.magnifier-zoom-region { + border: 2px solid #E0E0E0; +} + +.magnifier-zoom-region.full-screen { + border-width: 0; +} + +/* App Icons */ +.show-apps .overview-icon, +.app-well-app .overview-icon, +.grid-search-result .overview-icon { + color: rgba(255, 255, 255, 0.7); + border-radius: 15px; + padding: 6px; + border: none; + transition-duration: 100ms; + text-align: center; +} + +.show-apps:hover .overview-icon, .show-apps:focus .overview-icon, .show-apps:selected .overview-icon, +.app-well-app:hover .overview-icon, +.app-well-app:focus .overview-icon, +.app-well-app:selected .overview-icon, +.grid-search-result:hover .overview-icon, +.grid-search-result:focus .overview-icon, +.grid-search-result:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.12); + border-image: none; + background-image: none; +} + +.show-apps:active .overview-icon, .show-apps:checked .overview-icon, +.app-well-app:active .overview-icon, +.app-well-app:checked .overview-icon, +.grid-search-result:active .overview-icon, +.grid-search-result:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); + box-shadow: none; +} + +.app-well-app.app-folder { + background-color: rgba(255, 255, 255, 0.12); + border-radius: 15px; +} + +.app-well-app.app-folder .overview-icon { + background-color: transparent; + border-radius: 15px; +} + +.app-well-app.app-folder:hover { + background-color: rgba(255, 255, 255, 0.2); +} + +.app-well-app.app-folder:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog { + border-radius: 36px; + padding: 12px; + background-color: #212121; + box-shadow: none; + border: 2px solid #e0e0e0; +} + +.app-folder-dialog .folder-name-container { + padding: 24px 36px 0; + spacing: 12px; +} + +.app-folder-dialog .folder-name-container .folder-name-label, +.app-folder-dialog .folder-name-container .folder-name-entry { + font-size: 18pt; + font-weight: bold; +} + +.app-folder-dialog .folder-name-container .folder-name-entry { + width: 300px; + border: 2px solid transparent; +} + +.app-folder-dialog .folder-name-container .folder-name-label { + padding: 9px 8px; + color: rgba(255, 255, 255, 0.7); +} + +.app-folder-dialog .folder-name-container .edit-folder-button { + background-color: rgba(255, 255, 255, 0.06); + color: rgba(255, 255, 255, 0.7); + border: none; + padding: 0; + width: 36px; + height: 36px; + border-radius: 9999px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button > StIcon { + icon-size: 16px; +} + +.app-folder-dialog .folder-name-container .edit-folder-button:hover { + background-color: rgba(255, 255, 255, 0.12); +} + +.app-folder-dialog .folder-name-container .edit-folder-button:checked, .app-folder-dialog .folder-name-container .edit-folder-button:active { + background-color: white; + color: rgba(0, 0, 0, 0.87); +} + +.app-folder-dialog .icon-grid { + row-spacing: 12px; + column-spacing: 24px; + page-padding-top: 0; + page-padding-bottom: 0; + page-padding-left: 0; + page-padding-right: 0; +} + +.app-folder-dialog .page-indicators { + margin-bottom: 18px; +} + +.app-folder-dialog-container { + padding: 0; + width: 620px; + height: 620px; +} + +.app-well-app-running-dot { + width: 6px; + height: 3px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.3); + margin-bottom: 0; +} + +StWidget.focused .app-well-app-running-dot { + width: 24px; + background-color: white !important; +} + +.app-menu, +.app-well-menu { + max-width: 27.25em; +} + +.rename-folder-popup .rename-folder-popup-item { + spacing: 6px; +} + +.rename-folder-popup .rename-folder-popup-item:ltr, .rename-folder-popup .rename-folder-popup-item:rtl { + padding: 0 12px; +} + +.system-action-icon { + box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2); + background-color: #212121; + color: white; + border-radius: 9999px; + icon-size: 48px; +} + +.shell-link { + border-radius: 6px; + color: #2196F3; +} + +.shell-link:hover { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.15); +} + +.shell-link:active { + color: #2196F3; + background-color: rgba(33, 150, 243, 0.25); +} + +.lowres-icon { + icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.icon-dropshadow { + icon-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); +} + +/* Buttons */ +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, .login-dialog .modal-dialog-button, .login-dialog .modal-dialog-button:default, .hotplug-notification-item, .icon-button, .background-app-item .close-button, .button { + color: white; + background-color: #2C2C2C; + box-shadow: none !important; +} + +.login-dialog .cancel-button:focus, +.login-dialog .switch-user-button:focus, +.login-dialog .login-dialog-session-list-button:focus, .login-dialog .modal-dialog-button:focus, .hotplug-notification-item:focus, .icon-button:focus, .background-app-item .close-button:focus, .button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; + outline: none !important; +} + +.login-dialog .cancel-button:hover, +.login-dialog .switch-user-button:hover, +.login-dialog .login-dialog-session-list-button:hover, .login-dialog .modal-dialog-button:hover, .hotplug-notification-item:hover, .icon-button:hover, .background-app-item .close-button:hover, .button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none !important; + outline: none !important; +} + +.login-dialog .cancel-button:active, +.login-dialog .switch-user-button:active, +.login-dialog .login-dialog-session-list-button:active, .login-dialog .modal-dialog-button:active, .hotplug-notification-item:active, .icon-button:active, .background-app-item .close-button:active, .button:active { + color: white; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: none !important; +} + +.login-dialog .cancel-button:insensitive, +.login-dialog .switch-user-button:insensitive, +.login-dialog .login-dialog-session-list-button:insensitive, .login-dialog .modal-dialog-button:insensitive, .hotplug-notification-item:insensitive, .icon-button:insensitive, .background-app-item .close-button:insensitive, .button:insensitive { + color: rgba(255, 255, 255, 0.35); + background-color: #2C2C2C; + box-shadow: none !important; +} + +.lg-obj-inspector-button, #LookingGlassDialog > #Toolbar .lg-toolbar-button, .candidate-page-button, .modal-dialog-linked-button, .popup-menu .button { + color: white; + background-color: transparent; + box-shadow: none !important; +} + +.lg-obj-inspector-button:focus, #LookingGlassDialog > #Toolbar .lg-toolbar-button:focus, .candidate-page-button:focus, .modal-dialog-linked-button:focus, .popup-menu .button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.lg-obj-inspector-button:hover, #LookingGlassDialog > #Toolbar .lg-toolbar-button:hover, .candidate-page-button:hover, .modal-dialog-linked-button:hover, .popup-menu .button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.lg-obj-inspector-button:active, #LookingGlassDialog > #Toolbar .lg-toolbar-button:active, .candidate-page-button:active, .modal-dialog-linked-button:active, .popup-menu .button:active { + color: white; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: none !important; +} + +.lg-obj-inspector-button:insensitive, #LookingGlassDialog > #Toolbar .lg-toolbar-button:insensitive, .candidate-page-button:insensitive, .modal-dialog-linked-button:insensitive, .popup-menu .button:insensitive { + background-color: transparent; + color: rgba(255, 255, 255, 0.35); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button, .screenshot-ui-type-button, .unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button, .unlock-dialog .modal-dialog-button, .unlock-dialog .modal-dialog-button:default { + color: white; + background-color: transparent; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:insensitive, .screenshot-ui-type-button:insensitive, .unlock-dialog .cancel-button:insensitive, +.unlock-dialog .switch-user-button:insensitive, +.unlock-dialog .login-dialog-session-list-button:insensitive, .unlock-dialog .modal-dialog-button:insensitive { + color: rgba(255, 255, 255, 0.35); + background-color: #212121; + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:focus, .screenshot-ui-type-button:focus, .unlock-dialog .cancel-button:focus, +.unlock-dialog .switch-user-button:focus, +.unlock-dialog .login-dialog-session-list-button:focus, .unlock-dialog .modal-dialog-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; + outline: none !important; +} + +.screenshot-ui-show-pointer-button:hover, .screenshot-ui-type-button:hover, .unlock-dialog .cancel-button:hover, +.unlock-dialog .switch-user-button:hover, +.unlock-dialog .login-dialog-session-list-button:hover, .unlock-dialog .modal-dialog-button:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none !important; + outline: none !important; +} + +.screenshot-ui-show-pointer-button:active, .screenshot-ui-type-button:active, .unlock-dialog .cancel-button:active, +.unlock-dialog .switch-user-button:active, +.unlock-dialog .login-dialog-session-list-button:active, .unlock-dialog .modal-dialog-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: none !important; +} + +.screenshot-ui-show-pointer-button:outlined, .screenshot-ui-type-button:outlined, .unlock-dialog .cancel-button:outlined, +.unlock-dialog .switch-user-button:outlined, +.unlock-dialog .login-dialog-session-list-button:outlined, .unlock-dialog .modal-dialog-button:outlined, .screenshot-ui-show-pointer-button:checked, .screenshot-ui-type-button:checked, .unlock-dialog .cancel-button:checked, +.unlock-dialog .switch-user-button:checked, +.unlock-dialog .login-dialog-session-list-button:checked, .unlock-dialog .modal-dialog-button:checked { + color: rgba(0, 0, 0, 0.87); + background-color: #e0e0e0; + box-shadow: none !important; +} + +.button { + min-height: 20px; + padding: 6px 12px; + border-radius: 6px; + border: none; +} + +.icon-button, .background-app-item .close-button { + border-radius: 9999px; + padding: 6px; + background-color: rgba(255, 255, 255, 0.04); +} + +.icon-button StIcon, .background-app-item .close-button StIcon { + icon-size: 16px !important; + -st-icon-style: symbolic; +} + +/* Date/Time Menu */ +.popup-menu .message, .world-clocks-button, +.weather-button, +.events-button { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.04); + border-radius: 6px; + border: none; + box-shadow: none; + text-shadow: none; + padding: 6px 9px; +} + +.popup-menu .message:hover, .world-clocks-button:hover, +.weather-button:hover, +.events-button:hover, .popup-menu .message:focus, .world-clocks-button:focus, +.weather-button:focus, +.events-button:focus { + color: white; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none; +} + +.popup-menu .message:active, .world-clocks-button:active, +.weather-button:active, +.events-button:active { + color: white; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: none; +} + +#calendarArea { + padding: 4px; +} + +.datemenu-calendar-column { + spacing: 6px; + border: none; + padding: 0 !important; + margin: 0 !important; +} + +.datemenu-calendar-column:ltr { + margin-right: 0; + border-left-width: 0; +} + +.datemenu-calendar-column:rtl { + margin-left: 0; + border-right-width: 0; +} + +.datemenu-calendar-column .datemenu-displays-section { + padding-bottom: 0; +} + +.datemenu-calendar-column .datemenu-displays-box { + spacing: 6px; +} + +.world-clocks-header, +.weather-header, +.events-section-title { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; +} + +.datemenu-today-button, +.datemenu-displays-box { + margin: 4px 6px; +} + +/* today button (the date) */ +.datemenu-today-button { + border: none; + box-shadow: none; + background: none; + padding: 6px 12px; + margin: 0; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); + border-radius: 6px; + margin: 4px; +} + +.datemenu-today-button:ltr { + margin-left: 4px; +} + +.datemenu-today-button:rtl { + margin-right: 4px; +} + +.datemenu-today-button:hover, .datemenu-today-button:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.datemenu-today-button:active { + background-color: rgba(255, 255, 255, 0.2); +} + +.datemenu-today-button .day-label { + font-size: 12pt; + font-weight: bold; +} + +.datemenu-today-button .date-label { + font-size: 18pt; + font-weight: normal; +} + +/* Calendar */ +.calendar { + border: none; + box-shadow: none; + background-color: transparent; + padding: 0 3px !important; + margin: 0 !important; + text-shadow: none; + border-radius: 12px; + color: rgba(255, 255, 255, 0.7); +} + +.calendar .calendar-month-label { + padding: 6px 0; + color: rgba(255, 255, 255, 0.7); + font-weight: bold; + text-align: center; + text-shadow: none; + font-size: 12pt; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 0 !important; + margin: 3px 0 !important; +} + +.calendar .calendar-change-month-back StIcon, +.calendar .calendar-change-month-forward StIcon { + icon-size: 16px; +} + +.calendar .pager-button { + width: 32px !important; + height: 32px !important; + margin: 2px !important; + border-radius: 9999px; + background-color: transparent; + color: white; +} + +.calendar .pager-button:hover, .calendar .pager-button:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.calendar .pager-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.calendar .calendar-day, +.calendar .calendar-day-base { + font-size: 10pt; + text-align: center; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 2px !important; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7) !important; + border: none; + font-feature-settings: "tnum"; +} + +.calendar .calendar-day:hover, .calendar .calendar-day:focus, +.calendar .calendar-day-base:hover, +.calendar .calendar-day-base:focus { + background-color: rgba(255, 255, 255, 0.12); + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day:active, .calendar .calendar-day:selected, +.calendar .calendar-day-base:active, +.calendar .calendar-day-base:selected { + color: white !important; + background-color: rgba(255, 255, 255, 0.3); + border-color: transparent !important; + box-shadow: none !important; + outline: none !important; +} + +.calendar .calendar-day.calendar-weekend, +.calendar .calendar-day-base.calendar-weekend { + color: rgba(255, 255, 255, 0.5) !important; +} + +.calendar .calendar-day.calendar-day-heading, +.calendar .calendar-day-base.calendar-day-heading { + margin-top: 1em; + color: rgba(255, 255, 255, 0.5); + font-size: 10pt; +} + +.calendar .calendar-day { + border-width: 0; +} + +.calendar .calendar-day-top { + border-top-width: 0; +} + +.calendar .calendar-day-left { + border-left-width: 0; +} + +.calendar .calendar-nonwork-day { + color: white; +} + +.calendar .calendar-today { + font-weight: bold; + color: rgba(255, 255, 255, 0.7) !important; + background-color: rgba(255, 255, 255, 0.06); + border: none; +} + +.calendar .calendar-today:hover, .calendar .calendar-today:focus { + background-color: rgba(255, 255, 255, 0.12); + color: white !important; +} + +.calendar .calendar-today:active { + background-color: lightgray; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-today:selected { + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-today:selected:hover, .calendar .calendar-today:selected:focus { + background-color: #f4f4f4; + color: rgba(0, 0, 0, 0.87) !important; +} + +.calendar .calendar-day-with-events { + color: rgba(255, 255, 255, 0.7); + background-image: url("assets/calendar-today.svg"); +} + +.calendar .calendar-day-with-events.calendar-work-day { + color: rgba(255, 255, 255, 0.7); + font-weight: bold; +} + +.calendar .calendar-other-month, +.calendar .calendar-other-month-day { + color: rgba(255, 255, 255, 0.3) !important; + font-weight: normal; +} + +.calendar .calendar-other-month.calendar-weekend, +.calendar .calendar-other-month-day.calendar-weekend { + color: rgba(255, 255, 255, 0.3) !important; +} + +.calendar .calendar-week-number { + width: 26px; + height: 20px; + margin: 6px 2px !important; + padding: 0 0; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); + font-size: inherit; + font-weight: bold; + text-align: center; +} + +.world-clocks-button, +.weather-button, +.events-button { + padding: 12px !important; + margin: 4px 0 0 !important; +} + +.events-button .events-box { + spacing: 6px; +} + +.events-button .events-list { + spacing: 12px; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +.events-button .events-title { + font-weight: bold; + text-shadow: none; + color: rgba(255, 255, 255, 0.5); +} + +.events-button .event-time { + font-feature-settings: "tnum"; + font-size: 10pt; + color: rgba(255, 255, 255, 0.5); +} + +.world-clocks-button .world-clocks-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.world-clocks-button .world-clocks-header { + color: rgba(255, 255, 255, 0.5); +} + +.world-clocks-button .world-clocks-city { + font-weight: bold; + font-size: 11pt; + color: rgba(255, 255, 255, 0.7); +} + +.world-clocks-button .world-clocks-time { + font-feature-settings: "tnum"; + font-size: 11pt; + color: white; +} + +.world-clocks-button .world-clocks-time:ltr { + text-align: right; +} + +.world-clocks-button .world-clocks-time:rtl { + text-align: left; +} + +.world-clocks-button .world-clocks-timezone { + font-feature-settings: "tnum"; + font-size: 10pt; + color: rgba(255, 255, 255, 0.5); +} + +.world-clocks-grid, +.weather-grid { + spacing-rows: 0.4em; + spacing-columns: 0.8em; +} + +.weather-button .weather-box { + spacing: 10px; +} + +.weather-button .weather-header-box { + spacing: 6px; +} + +.weather-button .weather-header { + font-weight: bold; + color: rgba(255, 255, 255, 0.7); +} + +.weather-button .weather-header.location { + font-weight: normal; + font-size: 10pt; + color: rgba(255, 255, 255, 0.5); +} + +.weather-button .weather-grid { + spacing-rows: 6px; + spacing-columns: 12px; +} + +.weather-button .weather-forecast-time { + font-feature-settings: "tnum"; + font-size: 9pt; + font-weight: normal; + padding-top: 0.2em; + padding-bottom: 0.4em; + color: rgba(255, 255, 255, 0.7); +} + +.weather-button .weather-forecast-icon { + icon-size: 32px; +} + +.weather-button .weather-forecast-temp { + font-weight: bold; +} + +/* Check Boxes */ +.check-box StBoxLayout { + spacing: .8em; +} + +.check-box StBin { + width: 24px; + height: 24px; + padding: 6px; + border-radius: 6px; +} + +.check-box StBin, .check-box:focus StBin { + background-image: url("assets/checkbox-off.svg"); +} + +.check-box:hover StBin { + background-color: rgba(255, 255, 255, 0.12); +} + +.check-box:active StBin { + background-color: rgba(255, 255, 255, 0.3); +} + +.check-box:checked StBin, .check-box:focus:checked StBin { + background-image: url("assets/checkbox-dark.svg"); +} + +/* Activities Ripple */ +.ripple-box { + background-color: rgba(224, 224, 224, 0.35); + box-shadow: 0 0 2px 2px white; + width: 52px; + height: 52px; + border-radius: 0 0 52px 0; +} + +.ripple-box:rtl { + border-radius: 0 0 0 52px; +} + +/* Dash */ +#dash { + font-size: 9pt; +} + +#dash .empty-dash-drop-target { + width: 32px; + height: 32px; +} + +.dash-label { + color: rgba(255, 255, 255, 0.9); + background-color: rgba(0, 0, 0, 0.75); + border-radius: 9999px; + padding: 6px 12px; + box-shadow: none; + border: none; + text-align: center; + -y-offset: 12px; + -x-offset: 8px; +} + +/* Modal Dialogs */ +.candidate-popup-content, .modal-dialog { + background-color: #2C2C2C; + border-radius: 12px; + box-shadow: 3px 3px 8px -5px rgba(0, 0, 0, 0.35); + margin: 15px; + border: 2px solid #E0E0E0; +} + +.modal-dialog-linked-button:last-child { + color: rgba(0, 0, 0, 0.87); + background-color: #E0E0E0; +} + +.modal-dialog-linked-button:hover:last-child { + color: rgba(0, 0, 0, 0.87); + background-color: #f7f7f7; +} + +.modal-dialog-linked-button:active:last-child { + color: rgba(0, 0, 0, 0.87); + background-color: lightgray; +} + +.modal-dialog-linked-button:insensitive:last-child { + background-color: rgba(224, 224, 224, 0.05); + color: rgba(224, 224, 224, 0.35); +} + +.headline { + font-size: 12pt; +} + +.modal-dialog { + color: rgba(255, 255, 255, 0.7); + padding: 0 6px 6px 6px; +} + +.modal-dialog-linked-button { + min-height: 32px; + padding: 6px; + margin: 3px !important; + border: none !important; + border-radius: 6px; +} + +.modal-dialog-linked-button:first-child { + background-color: rgba(255, 255, 255, 0.04); +} + +.modal-dialog-linked-button:first-child:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; +} + +.modal-dialog-linked-button:first-child:hover { + color: white; + background-color: rgba(255, 255, 255, 0.12); +} + +.modal-dialog-linked-button:first-child:active { + color: white; + background-color: rgba(255, 255, 255, 0.2); + box-shadow: none !important; +} + +.modal-dialog .modal-dialog-content-box { + margin: 30px 42px; + spacing: 30px; + max-width: 28em; +} + +.end-session-dialog { + width: 30em; +} + +.end-session-dialog .end-session-dialog-battery-warning, +.end-session-dialog .dialog-list-title { + color: #FDD633; +} + +.message-dialog-content { + spacing: 18px; +} + +.message-dialog-content .message-dialog-title { + text-align: center; + font-size: 18pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-title.lightweight { + font-size: 13pt; + font-weight: 800; +} + +.message-dialog-content .message-dialog-description { + text-align: center; +} + +.dialog-list { + spacing: 18px; +} + +.dialog-list .dialog-list-title { + text-align: center; + font-weight: bold; +} + +.dialog-list .dialog-list-scrollview { + max-height: 200px; +} + +.dialog-list .dialog-list-box { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item { + spacing: 1em; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-title { + font-weight: bold; +} + +.dialog-list .dialog-list-box .dialog-list-item .dialog-list-item-description { + color: rgba(255, 255, 255, 0.7); + font-size: 10pt; +} + +.run-dialog .modal-dialog-content-box { + margin-top: 24px; + margin-bottom: 12px; +} + +.run-dialog .run-dialog-entry { + width: 20em; +} + +.run-dialog .run-dialog-description { + text-align: center; + color: rgba(255, 255, 255, 0.7); + font-size: 10pt; +} + +.prompt-dialog { + width: 28em; +} + +.prompt-dialog .modal-dialog-content-box { + margin-bottom: 24px; +} + +.prompt-dialog-password-grid { + spacing-rows: 8px; + spacing-columns: 4px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry { + width: auto; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:ltr { + margin-left: 20px; +} + +.prompt-dialog-password-grid .prompt-dialog-password-entry:rtl { + margin-right: 20px; +} + +.prompt-dialog-password-layout { + spacing: 8px; +} + +.prompt-dialog-password-entry { + width: 20em; +} + +.prompt-dialog-error-label, +.prompt-dialog-info-label, +.prompt-dialog-null-label { + text-align: center; + font-size: 10pt; + margin: 6px; +} + +.prompt-dialog-error-label { + color: #F28B82; +} + +.prompt-dialog-info-label, +.prompt-dialog-null-label { + color: rgba(255, 255, 255, 0.5); +} + +.polkit-dialog-user-layout { + text-align: center; + spacing: 8px; + margin-bottom: 6px; +} + +.polkit-dialog-user-layout .polkit-dialog-user-root-label { + color: #FDD633; +} + +.audio-device-selection-dialog .modal-dialog-content-box { + margin-bottom: 28px; +} + +.audio-device-selection-dialog .audio-selection-box { + spacing: 20px; +} + +.audio-selection-device { + border: 1px solid rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.audio-selection-device:hover, .audio-selection-device:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.audio-selection-device:active { + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); +} + +.audio-selection-device-box { + padding: 18px; + spacing: 18px; +} + +.audio-selection-device-icon { + icon-size: 64px; +} + +.welcome-dialog-image { + background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg"); + background-size: contain; + height: 300px; + width: 300px; +} + +/* Entries */ +StEntry, .search-entry, .login-dialog StEntry { + min-height: 20px; + padding: 6px 12px; + margin: 2px; + border: none; + border-radius: 6px; + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; + caret-color: white; + selection-background-color: rgba(255, 255, 255, 0.25); + selected-color: white; +} + +StEntry:hover, .search-entry:hover { + color: white; + border-color: rgba(224, 224, 224, 0.35); + background-color: rgba(255, 255, 255, 0.04); +} + +StEntry:focus, .search-entry:focus { + color: white; + border-color: #E0E0E0; + background-color: rgba(255, 255, 255, 0.04); + box-shadow: none; +} + +StEntry:insensitive, .search-entry:insensitive { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.35); + border-color: transparent; +} + +StEntry StIcon.capslock-warning, .search-entry StIcon.capslock-warning { + icon-size: 16px; + warning-color: #FDD633; + padding: 0; +} + +StEntry StIcon.peek-password, .search-entry StIcon.peek-password { + icon-size: 16px; + padding: 0 4px; +} + +StEntry StLabel.hint-text, .search-entry StLabel.hint-text { + margin-left: 2px; + color: rgba(255, 255, 255, 0.5); +} + +.hotplug-notification-item { + padding: 12px; + border-style: solid; + border-width: 0; + border-left-width: 0; + border-bottom-width: 0; +} + +.hotplug-notification-item:first-child { + border-radius: 0 0 0 6px; +} + +.hotplug-notification-item:last-child { + border-right-width: 0; + border-radius: 0 0 6px 0; +} + +.hotplug-notification-item:first-child:last-child { + border-radius: 0 0 6px 6px; +} + +.hotplug-notification-item-icon { + icon-size: 24px; + padding: 0 4px; +} + +.candidate-popup-boxpointer { + -arrow-border-radius: 2px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 64px; + -arrow-rise: 12px; +} + +.candidate-popup-content { + color: rgba(255, 255, 255, 0.7); + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.35) !important; + border: none; + margin: 3px 8px 12px !important; + padding: 6px; + spacing: 6px; +} + +.candidate-index { + padding: 0 0.5em 0 0; + color: rgba(255, 255, 255, 0.7); +} + +.candidate-box:selected .candidate-index { + color: rgba(0, 0, 0, 0.6); +} + +.candidate-box { + padding: 0.3em 0.5em 0.3em 0.5em; + margin-right: 2px; + border-radius: 6px; + color: rgba(255, 255, 255, 0.7); +} + +.candidate-box:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.candidate-box:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.candidate-box:selected { + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); +} + +.candidate-box:last-child { + margin-right: 0; +} + +.candidate-page-button-box { + height: 2em; +} + +.vertical .candidate-page-button-box { + padding-top: 0.5em; +} + +.horizontal .candidate-page-button-box { + padding-left: 0.5em; +} + +.candidate-page-button { + padding: 6px 9px; +} + +.candidate-page-button-previous, +.candidate-page-button-next { + border-radius: 6px; +} + +.candidate-page-button-icon { + icon-size: 1em; +} + +/* On-screen Keyboard */ +#keyboard { + background-color: #242424; + box-shadow: none; +} + +#keyboard .page-indicator { + padding: 6px; +} + +#keyboard .page-indicator .page-indicator-icon { + width: 8px; + height: 8px; +} + +.key-container, +.keyboard-layout { + padding: 4px; + spacing: 4px; +} + +.keyboard-key { + font-size: 16pt; + font-weight: bold; + min-height: 1.2em; + min-width: 1.2em; + border-radius: 9px; + border: none; + color: rgba(255, 255, 255, 0.7); + background-color: #313131; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key:focus, .keyboard-key:hover { + color: white; + background-color: #4b4b4b; +} + +.keyboard-key:checked, .keyboard-key:active { + color: white; + background-color: #575757; +} + +.keyboard-key:grayed { + background-color: #2C2C2C; + color: rgba(255, 255, 255, 0.7); +} + +.keyboard-key.default-key { + background-color: #272727; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.default-key:focus, .keyboard-key.default-key:hover { + color: white; + background-color: #404040; +} + +.keyboard-key.default-key:checked, .keyboard-key.default-key:active { + color: white; + background-color: #525252; +} + +.keyboard-key.enter-key { + color: rgba(0, 0, 0, 0.87); + background-color: #E0E0E0; + box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); +} + +.keyboard-key.enter-key:focus, .keyboard-key.enter-key:hover { + color: rgba(0, 0, 0, 0.87); + background-color: #ededed; +} + +.keyboard-key.enter-key:checked, .keyboard-key.enter-key:active { + color: rgba(0, 0, 0, 0.87); + background-color: #c7c7c7; +} + +.keyboard-key.shift-key-uppercase, .keyboard-key.shift-key-uppercase:focus, .keyboard-key.shift-key-uppercase:hover, .keyboard-key.shift-key-uppercase:checked, .keyboard-key.shift-key-uppercase:active { + color: #E0E0E0; +} + +.keyboard-key StIcon { + icon-size: 1.125em; +} + +.keyboard-subkeys { + color: inherit; + -arrow-border-radius: 12px; + -arrow-background-color: #242424; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 20px; + -arrow-rise: 10px; + -boxpointer-gap: 5px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25); +} + +.emoji-page .keyboard-key { + background-color: transparent; + border: none; + color: initial; +} + +.emoji-panel .keyboard-key:latched { + border: none; + background-color: #E0E0E0; +} + +.word-suggestions { + font-size: 14pt; + spacing: 12px; + min-height: 20pt; +} + +/* Login Dialog */ +#lockDialogGroup { + background-color: #2C2C2C; + background-image: url("background.png"); + background-size: cover; +} + +.login-dialog-banner-view { + padding-top: 24px; + max-width: 23em; +} + +#panel.login-screen { + background-color: transparent; + box-shadow: none; +} + +.login-dialog, +.unlock-dialog { + border: none; + background-color: transparent; +} + +.login-dialog .modal-dialog-button-box, +.unlock-dialog .modal-dialog-button-box { + spacing: 3px; +} + +.login-dialog .modal-dialog-button, +.unlock-dialog .modal-dialog-button { + padding: 0 16px; + border: none; +} + +.login-dialog .cancel-button, +.login-dialog .switch-user-button, +.login-dialog .login-dialog-session-list-button, +.unlock-dialog .cancel-button, +.unlock-dialog .switch-user-button, +.unlock-dialog .login-dialog-session-list-button { + padding: 0; + border-radius: 9999px; + width: 32px; + height: 32px; + border: none; +} + +.login-dialog .cancel-button StIcon, +.login-dialog .switch-user-button StIcon, +.login-dialog .login-dialog-session-list-button StIcon, +.unlock-dialog .cancel-button StIcon, +.unlock-dialog .switch-user-button StIcon, +.unlock-dialog .login-dialog-session-list-button StIcon { + icon-size: 16px; +} + +.login-dialog .user-icon.user-avatar, +.unlock-dialog .user-icon.user-avatar { + border: 2px solid #E0E0E0 !important; +} + +.login-dialog { + color: white; +} + +.login-dialog StEntry { + border-radius: 9999px; +} + +.login-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog .user-icon { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog .user-icon StIcon { + background-color: #2C2C2C; + color: white; +} + +.login-dialog .user-icon.user-avatar { + border: 2px solid #E0E0E0 !important; +} + +.unlock-dialog { + color: white !important; +} + +.unlock-dialog .login-dialog-message-warning { + color: rgba(255, 255, 255, 0.7) !important; +} + +.unlock-dialog .user-icon { + color: rgba(255, 255, 255, 0.7) !important; +} + +.unlock-dialog .user-icon StIcon { + background-color: #212121 !important; + color: white !important; +} + +.unlock-dialog .user-icon.user-avatar { + border: 2px solid #e0e0e0 !important; +} + +.unlock-dialog .user-widget-label { + color: rgba(255, 255, 255, 0.7) !important; +} + +.login-dialog-logo-bin { + padding: 24px 0px; +} + +.login-dialog-banner { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-button-box { + spacing: 5px; +} + +.login-dialog-message { + text-align: center; +} + +.login-dialog-message-warning { + color: #FDD633; +} + +.login-dialog-message-hint { + padding-top: 0; + padding-bottom: 20px; +} + +.login-dialog-user-selection-box { + padding: 100px 0px; +} + +.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: white; +} + +.login-dialog-not-listed-label { + font-size: 1em; + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + padding-top: 1em; +} + +.login-dialog-not-listed-label:hover { + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-not-listed-label:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.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:selected, .login-dialog-user-list:expanded .login-dialog-user-list-item:hover, .login-dialog-user-list:expanded .login-dialog-user-list-item:active { + background-color: rgba(255, 255, 255, 0.3); + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-user-list:expanded .login-dialog-user-list-item:logged-in { + border-right: 2px solid #E0E0E0; +} + +.login-dialog-user-list-item { + border-radius: 12px; + padding: 6px; + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-user-list-item:ltr .user-widget { + padding-right: 1em; +} + +.login-dialog-user-list-item:rtl .user-widget { + padding-left: 1em; +} + +.login-dialog-user-list-item:focus { + background-color: rgba(255, 255, 255, 0.04) !important; +} + +.login-dialog-user-list-item:hover, .login-dialog-user-list-item:focus:hover { + background-color: rgba(255, 255, 255, 0.12) !important; + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-user-list-item:active, .login-dialog-user-list-item:focus:active { + background-color: rgba(255, 255, 255, 0.3) !important; + color: rgba(255, 255, 255, 0.7); +} + +.login-dialog-user-list-item .login-dialog-timed-login-indicator { + height: 2px; + margin: 6px 0 0 0; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.user-widget-label { + color: rgba(255, 255, 255, 0.7); +} + +.user-widget.horizontal .user-widget-label { + font-size: 13pt; + font-weight: bold; + padding-left: 15px; +} + +.user-widget.horizontal .user-widget-label:ltr { + padding-left: 14px; + text-align: left; +} + +.user-widget.horizontal .user-widget-label:rtl { + padding-right: 14px; + text-align: right; +} + +.user-widget.vertical .user-widget-label { + font-size: 16pt; + text-align: center; + font-weight: normal; + padding-top: 16px; +} + +.login-dialog-prompt-layout { + padding-top: 24px; + padding-bottom: 12px; + spacing: 12px; + width: 23em; +} + +.login-dialog-prompt-entry { + height: 1.5em; +} + +.login-dialog-prompt-label { + color: rgba(255, 255, 255, 0.7); + font-size: 12pt; + padding-top: 1em; +} + +/* Looking Glass */ +#LookingGlassDialog { + background-color: #2C2C2C !important; + spacing: 6px; + padding: 0; + margin: 6px; + border-radius: 12px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + color: white !important; + border: 2px solid #E0E0E0; +} + +#LookingGlassDialog > #Toolbar { + padding: 0 6px; + border: none; + border-radius: 12px 12px 0 0; + background-color: rgba(255, 255, 255, 0.04) !important; + box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.12); + spacing: 6px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button { + padding: 6px 12px; +} + +#LookingGlassDialog > #Toolbar .lg-toolbar-button > StIcon { + icon-size: 16px; +} + +#LookingGlassDialog .labels { + spacing: 6px; +} + +#LookingGlassDialog .notebook-tab { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); + padding: 6px 12px; + transition-duration: 100ms; + border-bottom-width: 0; + border-radius: 0; + background-color: transparent; +} + +#LookingGlassDialog .notebook-tab:hover { + background-color: rgba(255, 255, 255, 0.04); + color: white; + text-shadow: none; +} + +#LookingGlassDialog .notebook-tab:selected { + border-color: transparent; + background-color: rgba(255, 255, 255, 0.12); + box-shadow: inset 0 -2px 0 #E0E0E0; + color: white; + text-shadow: none; +} + +#LookingGlassDialog StBoxLayout#EvalBox { + padding: 4px; + spacing: 6px; + padding: 6px; +} + +#LookingGlassDialog StBoxLayout#ResultsArea { + spacing: 6px; + padding: 6px; +} + +.lg-dialog StEntry { + min-height: 22px; + selection-background-color: #E0E0E0; + selected-color: rgba(0, 0, 0, 0.87); +} + +.lg-dialog .shell-link { + color: #2196F3; +} + +.lg-dialog .shell-link:hover { + color: #51adf6; +} + +.lg-dialog .shell-link:active { + color: #0c7cd5; +} + +.lg-dialog .actor-link { + color: rgba(255, 255, 255, 0.7); +} + +.lg-dialog .actor-link:hover { + color: white; +} + +.lg-dialog .actor-link:active { + color: rgba(255, 255, 255, 0.7); +} + +.lg-completions-text { + font-size: .9em; + font-style: italic; +} + +.lg-obj-inspector-title { + spacing: 6px; +} + +.lg-obj-inspector-button { + padding: 0 16px; + border: none; + border-radius: 6px; +} + +.lg-obj-inspector-button:hover { + border: none; +} + +#lookingGlassExtensions { + padding: 6px; +} + +.lg-extensions-list { + padding: 6px; + spacing: 6px; +} + +.lg-extension { + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.04) !important; + color: white !important; + padding: 12px; + box-shadow: none; + border: 2px solid #E0E0E0; +} + +.lg-extension-name { + font-weight: bold; +} + +.lg-extension-meta { + spacing: 6px; +} + +#LookingGlassPropertyInspector { + color: rgba(255, 255, 255, 0.7) !important; + background: #2C2C2C !important; + border: none; + border-radius: 6px; + padding: 6px; + margin: 5px 8px 11px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); +} + +.lg-debug-flag-button { + color: rgba(255, 255, 255, 0.7); +} + +.lg-debug-flag-button StLabel { + padding: 6px 12px; +} + +.lg-debug-flag-button:hover { + color: white; +} + +.lg-debug-flag-button:active { + color: rgba(255, 255, 255, 0.7); +} + +.lg-debug-flags-header { + padding-top: 12px; + padding: 6px; + margin: 6px; + color: rgba(255, 255, 255, 0.3); +} + +/* Message List */ +.message-list { + width: 31.5em; + text-shadow: none; + border: solid rgba(255, 255, 255, 0.12); + padding: 0; +} + +.message-list:ltr { + margin-left: 0; + margin-right: 8px; + padding-right: 10px; + border-right-width: 1px; +} + +.message-list:rtl { + margin-right: 0; + margin-left: 8px; + padding-left: 10px; + border-left-width: 1px; +} + +.message-list .message-list-placeholder { + spacing: 12px; + color: rgba(255, 255, 255, 0.3); +} + +.message-list .message-list-placeholder > StIcon { + icon-size: 48px; + margin-bottom: 12px; + -st-icon-style: symbolic; +} + +.message-list-sections { + margin: 0; + padding-bottom: 6px; +} + +.message-list-sections:ltr { + margin-right: 0; +} + +.message-list-sections:rtl { + margin-left: 0; +} + +.message-list-section, +.message-list-sections, +.message-list-section-list { + spacing: 6px; +} + +.message-list-controls { + margin: 8px 16px 0; + padding: 6px; + spacing: 6px; +} + +.message { + padding: 0; + margin: 3px; + border-radius: 12px; +} + +.message .message-icon-bin { + padding: 18px 12px; + color: rgba(255, 255, 255, 0.5); +} + +.message .message-icon-bin:ltr { + padding-right: 6px; +} + +.message .message-icon-bin:rtl { + padding-left: 6px; +} + +.message .message-icon-bin > StIcon { + icon-size: 32px; + -st-icon-style: symbolic; +} + +.message .message-icon-bin > .fallback-app-icon { + width: 16px; + height: 16px; +} + +.message .message-secondary-bin { + padding: 0 8px; +} + +.message .message-secondary-bin > .event-time { + font-size: 9pt; + text-align: right; + padding-bottom: 0.36em; + color: rgba(255, 255, 255, 0.5); +} + +.message .message-secondary-bin > .event-time:ltr { + text-align: right; +} + +.message .message-secondary-bin > .event-time:rtl { + text-align: left; +} + +.message .message-title { + font-weight: bold; + padding-top: 0.57em; + color: white; +} + +.message .message-content { + padding: 6px; + margin-bottom: 6px; + spacing: 4px; + color: rgba(255, 255, 255, 0.5); +} + +.message .message-close-button { + padding: 4px; + height: 20px; + width: 20px; + border-radius: 9999px; +} + +.message .message-close-button, .message .message-close-button:hover, .message .message-close-button:active { + color: white; +} + +.message .message-close-button:hover, .message .message-close-button:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.message .message-close-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.message .message-body { + color: rgba(255, 255, 255, 0.5); +} + +.url-highlighter { + link-color: #2196F3; +} + +.message-media-control { + margin: 17px 6px; + padding: 12px; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +.message-media-control:hover, .message-media-control:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.message-media-control:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.message-media-control:hover, .message-media-control:focus, .message-media-control:active { + color: white; +} + +.message-media-control:insensitive { + color: rgba(255, 255, 255, 0.5); +} + +.message-media-control:last-child:ltr { + margin-right: 16px; +} + +.message-media-control:last-child:rtl { + margin-left: 16px; +} + +.message-media-control StIcon { + icon-size: 16px; +} + +.media-message-cover-icon { + icon-size: 48px !important; + border-radius: 6px; + margin: 0; +} + +.media-message-cover-icon.fallback { + icon-size: 24px !important; + padding: 6px; + border: none; + border-radius: 6px; + background-color: rgba(255, 255, 255, 0.12); + color: rgba(255, 255, 255, 0.5); +} + +.select-area-rubberband { + background-color: rgba(224, 224, 224, 0.3); + border: 1px solid #E0E0E0; + border-radius: 6px; +} + +.user-icon { + background-size: contain; + color: rgba(255, 255, 255, 0.7); + border-radius: 9999px; + box-shadow: none; + icon-size: 64px; +} + +.modal-dialog .user-icon { + box-shadow: none; +} + +.user-icon:hover { + color: white; +} + +.user-icon StIcon { + background-color: #2C2C2C; + color: white; + border-radius: 9999px; + padding: 12px; + width: 40px; + height: 40px; +} + +.user-icon.user-avatar { + border: 2px solid #E0E0E0; +} + +.user-widget.vertical .user-icon { + icon-size: 96px; +} + +.user-widget.vertical .user-icon StIcon { + padding: 20px; + padding-top: 18px; + padding-bottom: 22px; + width: 88px; + height: 88px; +} + +.lightbox { + background-color: black; +} + +.flashspot { + background-color: white; +} + +.hidden { + color: rgba(0, 0, 0, 0); +} + +.caps-lock-warning-label { + text-align: center; + padding-bottom: 8px; + font-size: 10pt; + color: #FDD633; +} + +/* Network Dialogs */ +.nm-dialog { + max-height: 34em; + min-height: 31em; + min-width: 32em; +} + +.nm-dialog-content { + spacing: 20px; + padding: 24px; +} + +.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: white; +} + +.nm-dialog-header { + font-weight: bold; +} + +.nm-dialog-header-icon { + icon-size: 32px; +} + +.nm-dialog-header-hbox { + spacing: 10px; +} + +.nm-dialog-scroll-view { + border: none; + padding: 0; + background-color: rgba(255, 255, 255, 0.04); + border-radius: 6px; +} + +.nm-dialog-item { + font-size: 11pt; + border-bottom: none; + padding: 12px; + spacing: 0px; +} + +.nm-dialog-item:selected { + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); +} + +.nm-dialog-item:hover, .nm-dialog-item:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.nm-dialog-item:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.nm-dialog-icon { + icon-size: 16px; +} + +.nm-dialog-icons { + spacing: 12px; +} + +.no-networks-label { + color: rgba(255, 255, 255, 0.5); +} + +.no-networks-box { + spacing: 6px; +} + +/* Notifications & Message Tray */ +.notification-banner { + width: 34em; + min-height: 64px; + margin: 12px 8px 8px; + border-radius: 6px; + color: rgba(255, 255, 255, 0.7); + background-color: #2C2C2C; + border: none; + text-shadow: none; + box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25); + border-radius: 12px; +} + +.notification-banner:hover { + color: white; + background-color: #2C2C2C; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.25); + margin: 12px 12px 18px; +} + +.notification-banner:focus { + color: white; + background-color: #2C2C2C; +} + +.notification-banner .notification-actions { + background-color: transparent; + padding-top: 0; + border-top: 1px solid rgba(255, 255, 255, 0.12); + spacing: 0; +} + +.notification-banner .notification-button { + min-height: 44px; + padding: 0 18px; + background-color: transparent; + color: rgba(255, 255, 255, 0.7); + font-weight: 500; + border-width: 0; +} + +.notification-banner .notification-button:first-child { + border-radius: 0 0 0 12px; +} + +.notification-banner .notification-button:last-child { + border-radius: 0 0 12px 0; +} + +.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child { + border-radius: 0 0 12px 12px; +} + +.notification-banner .notification-button:focus { + background-color: transparent; + color: white; + box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.12); +} + +.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; + box-shadow: none; +} + +.notification-banner .notification-button:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +.summary-source-counter { + font-size: fontsize(10); + font-weight: bold; + height: 1.6em; + width: 1.6em; + -shell-counter-overlap-x: 3px; + -shell-counter-overlap-y: 3px; + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); + border: 2px solid rgba(255, 255, 255, 0.3); + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); + border-radius: 0.9em; +} + +.chat-body { + spacing: 5px; +} + +.chat-response { + margin: 5px; +} + +.chat-log-message { + color: rgba(255, 255, 255, 0.7); +} + +.chat-new-group { + padding-top: 1em; +} + +.chat-received { + padding-left: 4px; +} + +.chat-received:rtl { + padding-left: 0px; + padding-right: 4px; +} + +.chat-sent { + padding-left: 18pt; + color: rgba(255, 255, 255, 0.7); +} + +.chat-sent:rtl { + padding-left: 0; + padding-right: 18pt; +} + +.chat-meta-message { + padding-left: 4px; + font-size: 9pt; + color: rgba(255, 255, 255, 0.5); +} + +.chat-meta-message:rtl { + padding-left: 0; + padding-right: 4px; +} + +/* OSD */ +.screenshot-ui-panel, .workspace-switcher-container, .switcher-list, .resize-popup, .osd-window { + color: rgba(255, 255, 255, 0.7); + background-color: #212121; + border: none; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.25); + margin: 5px 8px 11px; + border-radius: 12px; + padding: 12px; +} + +.osd-window { + text-align: center; + font-weight: bold; +} + +.osd-window .osd-monitor-label { + font-size: 3em; +} + +.osd-window .level { + height: 3px; + min-width: 160px; + border-radius: 2px; + background-color: rgba(255, 255, 255, 0.15); + color: white; + -barlevel-height: 3px; + -barlevel-background-color: rgba(255, 255, 255, 0.15); + -barlevel-active-background-color: white; + -barlevel-overdrive-color: #F28B82; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; + -barlevel-border-color: rgba(255, 255, 255, 0.12); +} + +.osd-window .level-bar { + background-color: white; + border-radius: 2px; +} + +.pad-osd-window { + padding: 32px; + background-color: #212121; +} + +.pad-osd-window .pad-osd-title-box { + spacing: 12px; +} + +.pad-osd-window .pad-osd-title-menu-box { + spacing: 6px; +} + +.combo-box-label { + width: 15em; +} + +#overview StScrollBar StBin#trough { + background-color: rgba(255, 255, 255, 0.12); +} + +#overview StScrollBar StButton#vhandle, #overview StScrollBar StButton#hhandle { + background-color: rgba(255, 255, 255, 0.5); +} + +#overview StScrollBar StButton#vhandle:hover, #overview StScrollBar StButton#hhandle:hover { + background-color: rgba(255, 255, 255, 0.7); +} + +#overview StScrollBar StButton#vhandle:active, #overview StScrollBar StButton#hhandle:active { + background-color: white; +} + +#overview { + spacing: 24px; +} + +.overview-controls { + padding-bottom: 30px; +} + +/* Top Bar */ +#panel { + font-weight: bold; + color: rgba(255, 255, 255, 0.7); + font-feature-settings: "tnum"; + transition-duration: 250ms; + border: none !important; + box-shadow: none !important; + font-size: 10pt; + background-color: #212121; + height: 32px; +} + +#panel .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: #212121; + -panel-corner-border-width: 2px; + -panel-corner-border-color: transparent; + -panel-corner-opacity: 1; + transition-duration: 250ms; +} + +#panel .panel-button { + -natural-hpadding: 12px; + -minimum-hpadding: 12px; + font-weight: bold; + transition-duration: 150ms; + text-shadow: none; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); + border: 2px solid transparent; +} + +#panel .panel-button.clock-display { + -natural-hpadding: 0; + -minimum-hpadding: 0; + border: none; +} + +#panel .panel-button.clock-display .clock-display-box { + spacing: 3px; +} + +#panel .panel-button.clock-display .clock { + transition-duration: 150ms; + border-radius: 9999px; + padding-left: 12px; + padding-right: 12px; +} + +#panel .panel-button.clock-display .clock { + border: 2px solid transparent; +} + +#panel .panel-button:hover { + color: white; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel .panel-button:hover.clock-display { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +#panel .panel-button:hover.clock-display .clock { + color: white; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel .panel-button:active, #panel .panel-button:active:hover, #panel .panel-button:focus, #panel .panel-button:focus:hover, #panel .panel-button:checked, #panel .panel-button:checked:hover { + background-color: transparent; + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 0 0 1000px #E0E0E0; +} + +#panel .panel-button:active.clock-display, #panel .panel-button:active:hover.clock-display, #panel .panel-button:focus.clock-display, #panel .panel-button:focus:hover.clock-display, #panel .panel-button:checked.clock-display, #panel .panel-button:checked:hover.clock-display { + box-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +#panel .panel-button:active.clock-display .clock, #panel .panel-button:active:hover.clock-display .clock, #panel .panel-button:focus.clock-display .clock, #panel .panel-button:focus:hover.clock-display .clock, #panel .panel-button:checked.clock-display .clock, #panel .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 1000px #E0E0E0; + color: rgba(0, 0, 0, 0.87); +} + +#panel .panel-button:active .panel-button, #panel .panel-button:focus .panel-button, #panel .panel-button:checked .panel-button { + background-color: transparent; + color: rgba(0, 0, 0, 0.87); + box-shadow: inset 0 0 0 1000px #E0E0E0; +} + +#panel .panel-button:active .panel-button:hover, #panel .panel-button:focus .panel-button:hover, #panel .panel-button:checked .panel-button:hover { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.12); +} + +#panel .panel-button:active .panel-button:active, #panel .panel-button:active .panel-button:focus, #panel .panel-button:active .panel-button:checked, #panel .panel-button:focus .panel-button:active, #panel .panel-button:focus .panel-button:focus, #panel .panel-button:focus .panel-button:checked, #panel .panel-button:checked .panel-button:active, #panel .panel-button:checked .panel-button:focus, #panel .panel-button:checked .panel-button:checked { + color: rgba(0, 0, 0, 0.87); + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2); +} + +#panel .panel-button .system-status-icon { + icon-size: 16px; + padding: 6px; + margin: 0; + -st-icon-style: symbolic; +} + +#panel .panel-button .appindicator-trayicons-box { + margin: 0 6px; +} + +#panel .panel-button .app-menu-icon { + -st-icon-style: symbolic; +} + +#panel .panel-button#panelActivities { + -natural-hpadding: 18px; +} + +#panel .panel-button#panelActivities StBoxLayout { + spacing: 6px; +} + +#panel .panel-button#panelActivities .workspace-dot { + border-radius: 9999px; + min-width: 8px; + min-height: 8px; + background-color: white; +} + +#panel Gjs_status_keyboard_InputSourceIndicator.panel-button, +#panel Gjs_appindicatorsupport_rgcjonas_gmail_com_indicatorStatusIcon_AppIndicatorsIndicatorStatusIcon.panel-button { + -natural-hpadding: 18px !important; + -minimum-hpadding: 18px !important; +} + +#panel:overview, #panel.unlock-screen, #panel.lock-screen { + background-color: transparent; + box-shadow: none; +} + +#panel:overview .panel-button, #panel.unlock-screen .panel-button, #panel.lock-screen .panel-button { + color: rgba(255, 255, 255, 0.7); +} + +#panel:overview .panel-button.clock-display, #panel:overview .panel-button.clock-display .clock, #panel.unlock-screen .panel-button.clock-display, #panel.unlock-screen .panel-button.clock-display .clock, #panel.lock-screen .panel-button.clock-display, #panel.lock-screen .panel-button.clock-display .clock { + color: rgba(255, 255, 255, 0.7); +} + +#panel:overview .panel-button:hover, #panel.unlock-screen .panel-button:hover, #panel.lock-screen .panel-button:hover { + color: white; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel:overview .panel-button:hover.clock-display, #panel.unlock-screen .panel-button:hover.clock-display, #panel.lock-screen .panel-button:hover.clock-display { + box-shadow: none; + color: white; +} + +#panel:overview .panel-button:hover.clock-display .clock, #panel.unlock-screen .panel-button:hover.clock-display .clock, #panel.lock-screen .panel-button:hover.clock-display .clock { + color: white; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.12); +} + +#panel:overview .panel-button:active, #panel:overview .panel-button:active:hover, #panel:overview .panel-button:focus, #panel:overview .panel-button:focus:hover, #panel:overview .panel-button:checked, #panel:overview .panel-button:checked:hover, #panel.unlock-screen .panel-button:active, #panel.unlock-screen .panel-button:active:hover, #panel.unlock-screen .panel-button:focus, #panel.unlock-screen .panel-button:focus:hover, #panel.unlock-screen .panel-button:checked, #panel.unlock-screen .panel-button:checked:hover, #panel.lock-screen .panel-button:active, #panel.lock-screen .panel-button:active:hover, #panel.lock-screen .panel-button:focus, #panel.lock-screen .panel-button:focus:hover, #panel.lock-screen .panel-button:checked, #panel.lock-screen .panel-button:checked:hover { + color: white; + background-color: transparent; + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); +} + +#panel:overview .panel-button:active.clock-display, #panel:overview .panel-button:active:hover.clock-display, #panel:overview .panel-button:focus.clock-display, #panel:overview .panel-button:focus:hover.clock-display, #panel:overview .panel-button:checked.clock-display, #panel:overview .panel-button:checked:hover.clock-display, #panel.unlock-screen .panel-button:active.clock-display, #panel.unlock-screen .panel-button:active:hover.clock-display, #panel.unlock-screen .panel-button:focus.clock-display, #panel.unlock-screen .panel-button:focus:hover.clock-display, #panel.unlock-screen .panel-button:checked.clock-display, #panel.unlock-screen .panel-button:checked:hover.clock-display, #panel.lock-screen .panel-button:active.clock-display, #panel.lock-screen .panel-button:active:hover.clock-display, #panel.lock-screen .panel-button:focus.clock-display, #panel.lock-screen .panel-button:focus:hover.clock-display, #panel.lock-screen .panel-button:checked.clock-display, #panel.lock-screen .panel-button:checked:hover.clock-display { + box-shadow: none; + color: white; +} + +#panel:overview .panel-button:active.clock-display .clock, #panel:overview .panel-button:active:hover.clock-display .clock, #panel:overview .panel-button:focus.clock-display .clock, #panel:overview .panel-button:focus:hover.clock-display .clock, #panel:overview .panel-button:checked.clock-display .clock, #panel:overview .panel-button:checked:hover.clock-display .clock, #panel.unlock-screen .panel-button:active.clock-display .clock, #panel.unlock-screen .panel-button:active:hover.clock-display .clock, #panel.unlock-screen .panel-button:focus.clock-display .clock, #panel.unlock-screen .panel-button:focus:hover.clock-display .clock, #panel.unlock-screen .panel-button:checked.clock-display .clock, #panel.unlock-screen .panel-button:checked:hover.clock-display .clock, #panel.lock-screen .panel-button:active.clock-display .clock, #panel.lock-screen .panel-button:active:hover.clock-display .clock, #panel.lock-screen .panel-button:focus.clock-display .clock, #panel.lock-screen .panel-button:focus:hover.clock-display .clock, #panel.lock-screen .panel-button:checked.clock-display .clock, #panel.lock-screen .panel-button:checked:hover.clock-display .clock { + box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.2); + color: white; +} + +#panel:overview .panel-button#panelActivities, #panel.unlock-screen .panel-button#panelActivities, #panel.lock-screen .panel-button#panelActivities { + color: rgba(255, 255, 255, 0.7); +} + +#panel:overview .panel-button#panelActivities .workspace-dot, #panel.unlock-screen .panel-button#panelActivities .workspace-dot, #panel.lock-screen .panel-button#panelActivities .workspace-dot { + background-color: rgba(255, 255, 255, 0.7); +} + +#panel:overview .panel-button#panelActivities:hover, #panel.unlock-screen .panel-button#panelActivities:hover, #panel.lock-screen .panel-button#panelActivities:hover { + color: white; +} + +#panel:overview .panel-corner, #panel.unlock-screen .panel-corner, #panel.lock-screen .panel-corner { + -panel-corner-radius: 0; + -panel-corner-background-color: transparent; + -panel-corner-border-color: transparent; +} + +#panel .screencast-indicator, +#panel .remote-access-indicator { + color: #FDD633; +} + +/* Popovers/Menus */ +.popup-menu-boxpointer { + -arrow-border-radius: 12px; + -arrow-background-color: transparent; + -arrow-border-width: 0; + -arrow-border-color: transparent; + -arrow-base: 18px; + -arrow-rise: 0; + -arrow-box-shadow: none; + background: transparent; +} + +.popup-menu { + min-width: 12em; + color: rgba(255, 255, 255, 0.7); + padding: 0; + font-weight: normal; + font-size: 10pt; +} + +.popup-menu .popup-menu-content { + padding: 6px; + background-color: #2C2C2C; + border-radius: 12px; + box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15); + margin: 4px 10px 12px; + font-weight: normal; + border: 2px solid #E0E0E0; +} + +.popup-menu .popup-menu-item { + spacing: 9px; + padding: 6px; + color: rgba(255, 255, 255, 0.7) !important; + text-shadow: none; + border-radius: 6px; + margin: 0; + font-weight: normal; +} + +.popup-menu .popup-menu-item:checked { + font-weight: normal; + border: none; + box-shadow: none; + color: rgba(0, 0, 0, 0.87) !important; + background-color: #E0E0E0 !important; + border-radius: 6px 6px 0 0 !important; +} + +.popup-menu .popup-menu-item:checked:focus, .popup-menu .popup-menu-item:checked:hover, .popup-menu .popup-menu-item:checked.selected { + color: rgba(0, 0, 0, 0.87) !important; + background-color: #ededed !important; +} + +.popup-menu .popup-menu-item:checked:active { + color: rgba(0, 0, 0, 0.87) !important; + background-color: lightgray !important; +} + +.popup-menu .popup-menu-item:checked:insensitive { + color: rgba(0, 0, 0, 0.38) !important; +} + +.popup-menu .popup-menu-item:focus, .popup-menu .popup-menu-item:hover, .popup-menu .popup-menu-item.selected { + color: white !important; + background-color: rgba(255, 255, 255, 0.12) !important; + transition-duration: 0; +} + +.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected:active { + color: white !important; + background-color: rgba(255, 255, 255, 0.3) !important; +} + +.popup-menu .popup-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3) !important; +} + +.popup-menu .popup-sub-menu { + border: none; + box-shadow: none; + margin: 0; + border-radius: 0 0 6px 6px !important; + background-color: #E0E0E0 !important; + color: rgba(0, 0, 0, 0.6) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item { + border-radius: 0; + margin: 0; + background-color: transparent !important; + color: rgba(0, 0, 0, 0.6) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:focus, .popup-menu .popup-sub-menu .popup-menu-item.hover, .popup-menu .popup-sub-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:active, .popup-menu .popup-sub-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.26) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-item:insensitive { + color: rgba(0, 0, 0, 0.26) !important; +} + +.popup-menu .popup-sub-menu .popup-menu-section:last-child .popup-menu-item:last-child { + border-radius: 0 0 6px 6px !important; +} + +.popup-menu .popup-inactive-menu-item { + color: rgba(255, 255, 255, 0.7) !important; +} + +.popup-menu .popup-inactive-menu-item:insensitive { + color: rgba(255, 255, 255, 0.3) !important; +} + +.popup-menu.panel-menu { + -boxpointer-gap: 4px; + margin-bottom: 1.75em; +} + +.popup-menu-arrow, +.popup-menu-icon { + icon-size: 16px !important; +} + +.popup-menu-ornament { + width: 1.2em; +} + +.popup-menu-ornament:ltr { + text-align: right; +} + +.popup-menu-ornament:rtl { + text-align: left; +} + +.background-menu { + -boxpointer-gap: 4px; + -arrow-rise: 0px; +} + +.aggregate-menu { + min-width: 21em; +} + +.aggregate-menu .popup-menu-icon { + padding: 0; + margin: 0 3px; + -st-icon-style: symbolic; +} + +/* Screen Shield */ +.unlock-dialog-clock { + color: white; + font-weight: 300; + text-align: center; + spacing: 24px; + padding-bottom: 2.5em; +} + +.unlock-dialog-clock-time { + font-size: 64pt; + padding-top: 42px; + font-feature-settings: "tnum"; +} + +.unlock-dialog-clock-date { + font-size: 16pt; + font-weight: normal; +} + +.unlock-dialog-clock-hint { + font-weight: normal; + padding-top: 48px; +} + +.unlock-dialog-notifications-container { + margin: 12px 0; + spacing: 6px; + width: 23em; + background-color: transparent; +} + +.unlock-dialog-notifications-container .summary-notification-stack-scrollview { + padding-top: 0; + padding-bottom: 0; +} + +.unlock-dialog-notifications-container .notification, +.unlock-dialog-notifications-container .unlock-dialog-notification-source { + padding: 12px 6px; + border: none; + background-color: #212121; + color: white; + border-radius: 12px; +} + +.unlock-dialog-notifications-container .notification.critical, +.unlock-dialog-notifications-container .unlock-dialog-notification-source.critical { + background-color: #353535; +} + +.unlock-dialog-notification-label { + padding: 0px 0px 0px 12px; +} + +.unlock-dialog-notification-count-text { + weight: bold; + padding: 0 6px; + color: rgba(0, 0, 0, 0.87); + background-color: #E0E0E0; + border-radius: 9999px; + margin-right: 12px; +} + +.screen-shield-background { + background: black; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15); +} + +#unlockDialogNotifications StButton#vhandle, #unlockDialogNotifications StButton#hhandle { + background-color: rgba(44, 44, 44, 0.3); +} + +#unlockDialogNotifications StButton#vhandle:hover, #unlockDialogNotifications StButton#vhandle:focus, #unlockDialogNotifications StButton#hhandle:hover, #unlockDialogNotifications StButton#hhandle:focus { + background-color: rgba(44, 44, 44, 0.5); +} + +#unlockDialogNotifications StButton#vhandle:active, #unlockDialogNotifications StButton#hhandle:active { + background-color: rgba(224, 224, 224, 0.5); +} + +/* Scrollbars */ +StScrollView.vfade { + -st-vfade-offset: 32px; +} + +StScrollView.hfade { + -st-hfade-offset: 32px; +} + +StScrollBar { + padding: 6px; +} + +StScrollView StScrollBar { + min-width: 8px; + min-height: 8px; +} + +StScrollBar StBin#trough { + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.12); +} + +StScrollBar StButton#vhandle, StScrollBar StButton#hhandle { + border-radius: 9999px; + background-color: rgba(255, 255, 255, 0.3); + border: 4px solid transparent; +} + +StScrollBar StButton#vhandle:hover, StScrollBar StButton#hhandle:hover { + background-color: rgba(224, 224, 224, 0.5); +} + +StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active { + background-color: #E0E0E0; +} + +.popup-sub-menu StScrollBar StBin#trough { + background-color: rgba(0, 0, 0, 0.12); +} + +.popup-sub-menu StScrollBar StButton#vhandle, .popup-sub-menu StScrollBar StButton#hhandle { + background-color: rgba(0, 0, 0, 0.26); +} + +.popup-sub-menu StScrollBar StButton#vhandle:hover, .popup-sub-menu StScrollBar StButton#hhandle:hover { + background-color: rgba(0, 0, 0, 0.38); +} + +.popup-sub-menu StScrollBar StButton#vhandle:active, .popup-sub-menu StScrollBar StButton#hhandle:active { + background-color: rgba(0, 0, 0, 0.6); +} + +.search-entry { + width: 320px; + min-height: 20px; + padding: 6px 12px; + transition-duration: 150ms; + border-radius: 6px; +} + +.search-entry .search-entry-icon { + color: rgba(255, 255, 255, 0.5); + icon-size: 16px; + margin-top: 0; + padding: 0 4px; +} + +.search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +.search-entry:hover .search-entry-icon, .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.7); +} + +.search-entry:insensitive StLabel.hint-text, .search-entry:insensitive .search-entry-icon { + color: rgba(255, 255, 255, 0.3); +} + +.app-folder-dialog .folder-name-container .folder-name-entry, .unlock-dialog StEntry, +#overview .search-entry { + color: white; + background-color: rgba(255, 255, 255, 0.04); + border: 2px solid transparent; + box-shadow: none; + caret-color: white; + selection-background-color: rgba(255, 255, 255, 0.25); + selected-color: white; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover, .unlock-dialog StEntry:hover, +#overview .search-entry:hover { + color: white; + border-color: rgba(224, 224, 224, 0.35); + background-color: rgba(255, 255, 255, 0.04); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:focus, .unlock-dialog StEntry:focus, +#overview .search-entry:focus { + color: white; + border-color: #e0e0e0; + background-color: rgba(255, 255, 255, 0.04); + box-shadow: none; +} + +.app-folder-dialog .folder-name-container .folder-name-entry .search-entry-icon, .unlock-dialog StEntry .search-entry-icon, +#overview .search-entry .search-entry-icon { + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry StLabel.hint-text, .unlock-dialog StEntry StLabel.hint-text, +#overview .search-entry StLabel.hint-text { + color: rgba(255, 255, 255, 0.5); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:hover .search-entry-icon, .unlock-dialog StEntry:hover .search-entry-icon, .app-folder-dialog .folder-name-container .folder-name-entry:focus .search-entry-icon, .unlock-dialog StEntry:focus .search-entry-icon, +#overview .search-entry:hover .search-entry-icon, +#overview .search-entry:focus .search-entry-icon { + color: rgba(255, 255, 255, 0.7); +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive, .unlock-dialog StEntry:insensitive, +#overview .search-entry:insensitive { + background-color: transparent; + color: rgba(255, 255, 255, 0.35); + border-color: transparent; +} + +.app-folder-dialog .folder-name-container .folder-name-entry:insensitive StLabel.hint-text, .unlock-dialog StEntry:insensitive StLabel.hint-text, .app-folder-dialog .folder-name-container .folder-name-entry:insensitive .search-entry-icon, .unlock-dialog StEntry:insensitive .search-entry-icon, +#overview .search-entry:insensitive StLabel.hint-text, +#overview .search-entry:insensitive .search-entry-icon { + color: rgba(255, 255, 255, 0.3); +} + +/* Search */ +.list-search-result, .search-provider-icon { + border-radius: 6px; + padding: 6px; + transition-duration: 100ms; + text-align: center; +} + +.list-search-result:focus, .search-provider-icon:focus, .list-search-result:hover, .search-provider-icon:hover, .list-search-result:selected, .search-provider-icon:selected { + background-color: rgba(255, 255, 255, 0.12); + transition-duration: 200ms; +} + +.list-search-result:active, .search-provider-icon:active, .list-search-result:checked, .search-provider-icon:checked { + background-color: rgba(255, 255, 255, 0.2); +} + +#searchResultsContent { + max-width: 1024px; + spacing: 8px; +} + +.search-section { + spacing: 8px; + background: none; +} + +.search-section .search-section-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.search-section-content { + spacing: 8px; + border-radius: 0; + padding: 18px; + border: none; + box-shadow: none; + background: none; + text-shadow: none; + color: rgba(255, 255, 255, 0.7); +} + +.search-statustext { + font-size: 2em; + font-weight: bold; + color: rgba(255, 255, 255, 0.5); +} + +.grid-search-results { + spacing: 36px; +} + +.search-provider-icon .list-search-provider-content { + spacing: 12px; +} + +.search-provider-icon .list-search-provider-content .list-search-provider-details { + width: 120px; + margin-top: 0; + color: rgba(255, 255, 255, 0.5); +} + +.list-search-results { + spacing: 6px; +} + +.list-search-result .list-search-result-content { + spacing: 6px; +} + +.list-search-result .list-search-result-title { + spacing: 12px; +} + +.list-search-result .list-search-result-description { + color: rgba(255, 255, 255, 0.7); +} + +/* Slider */ +.slider { + height: 20px; + color: #2C2C2C; + -slider-height: 2px; + -slider-background-color: rgba(255, 255, 255, 0.3); + -slider-border-color: #E0E0E0; + -slider-active-background-color: #E0E0E0; + -slider-active-border-color: #E0E0E0; + -slider-border-width: 2px; + -slider-handle-radius: 8px; + -slider-handle-border-width: 2px; + -slider-handle-border-color: #E0E0E0; + -barlevel-height: 2px; + -barlevel-background-color: rgba(255, 255, 255, 0.3); + -barlevel-border-color: transparent; + -barlevel-active-background-color: #E0E0E0; + -barlevel-active-border-color: transparent; + -barlevel-overdrive-color: #F28B82; + -barlevel-overdrive-border-color: transparent; + -barlevel-overdrive-separator-width: 2px; + -barlevel-border-width: 0; +} + +/* App Switcher */ +.switcher-popup { + padding: 8px; + spacing: 24px; +} + +.switcher-list .item-box { + padding: 8px; + border-radius: 6px; + border: 1px solid transparent; +} + +.switcher-list .item-box:outlined { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.switcher-list .item-box:selected { + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); +} + +.switcher-list .thumbnail-box { + padding: 2px; + spacing: 6px; +} + +.switcher-list .thumbnail { + width: 256px; +} + +.switcher-list .separator { + width: 1px; + background: rgba(255, 255, 255, 0.12); +} + +.switcher-list .switcher-list-item-container { + spacing: 12px; +} + +.switcher-arrow { + border-color: rgba(0, 0, 0, 0); + color: rgba(255, 255, 255, 0.5); +} + +.switcher-arrow:highlighted { + color: white; +} + +.input-source-switcher-symbol { + font-size: 34pt; + width: 96px; + height: 96px; +} + +.cycler-highlight { + border: 5px solid #E0E0E0; +} + +/* Switches */ +.toggle-switch { + width: 40px; + height: 20px; + background-size: contain; + background-image: url("assets/toggle-off-dark.svg"); +} + +.toggle-switch:checked { + background-image: url("assets/toggle-on-dark.svg"); +} + +.quick-toggle-menu .toggle-switch, .popup-sub-menu .toggle-switch { + background-image: url("assets/toggle-off.svg"); +} + +.quick-toggle-menu .toggle-switch:checked, .popup-sub-menu .toggle-switch:checked { + background-image: url("assets/toggle-on.svg"); +} + +/* Tiled window previews */ +.tile-preview { + background-color: rgba(224, 224, 224, 0.3); + border: 1px solid #E0E0E0; +} + +.tile-preview-left.on-primary { + border-radius: 7px 0 0 0; +} + +.tile-preview-right.on-primary { + border-radius: 0 7px 0 0; +} + +.tile-preview-left.tile-preview-right.on-primary { + border-radius: 7px 7px 0 0; +} + +/* Workspace Switcher */ +.workspace-switcher-group { + padding: 12px; +} + +.workspace-switcher { + background: transparent; + border: none; + border-radius: 0; + padding: 0; + spacing: 12px; +} + +.ws-switcher-box { + background: transparent; + height: 50px; + background-size: 32px; + background: rgba(255, 255, 255, 0.12); + border-radius: 6px; +} + +.ws-switcher-active-up, +.ws-switcher-active-down, +.ws-switcher-active-left, +.ws-switcher-active-right { + height: 52px; + background-color: #E0E0E0; + color: rgba(0, 0, 0, 0.87); + border-radius: 9px; + border: none; +} + +.icon-grid { + row-spacing: 12px; + column-spacing: 12px; + max-row-spacing: 72px; + max-column-spacing: 72px; + page-padding-top: 24px; + page-padding-bottom: 24px; + page-padding-left: 12px; + page-padding-right: 12px; +} + +.page-indicator { + padding: 6px 12px 0; +} + +.page-indicator .page-indicator-icon { + width: 10px; + height: 10px; + border-radius: 10px; + background-color: white; +} + +.apps-scroll-view { + padding: 0; +} + +.page-navigation-hint { + width: 300px; +} + +.page-navigation-hint.dnd { + background: rgba(255, 255, 255, 0.1); +} + +.page-navigation-hint.next:ltr, .page-navigation-hint.previous:rtl { + background-gradient-start: rgba(255, 255, 255, 0.05); + background-gradient-end: transparent; + background-gradient-direction: horizontal; + border-radius: 15px 0px 0px 15px; +} + +.page-navigation-hint.previous:ltr, .page-navigation-hint.next:rtl { + background-gradient-start: transparent; + background-gradient-end: rgba(255, 255, 255, 0.05); + background-gradient-direction: horizontal; + border-radius: 0px 15px 15px 0px; +} + +.page-navigation-arrow { + margin: 6px; + padding: 18px; + width: 24px; + height: 24px; + border-radius: 9999px; + color: rgba(255, 255, 255, 0.7); +} + +.page-navigation-arrow:insensitive { + background-color: rgba(255, 255, 255, 0.04); + color: rgba(255, 255, 255, 0.5); +} + +.page-navigation-arrow:hover { + background-color: rgba(255, 255, 255, 0.12); + color: white; +} + +.page-navigation-arrow:active { + background-color: rgba(255, 255, 255, 0.3); + color: white; +} + +#dash { + margin-top: 12px; + padding: 0 !important; +} + +#dash .placeholder { + background-image: none; + background-size: contain; + height: 32px; +} + +.dash-background { + background-color: rgba(255, 255, 255, 0.12); + margin-bottom: 16px; + padding: 10px 8px; + border-radius: 22px; + border: none; + box-shadow: none; +} + +.dash-item-container > * { + margin: 0 2px; +} + +.dash-item-container:ltr:first-child { + margin-left: 0; +} + +.dash-item-container:rtl:first-child { + margin-right: 0; +} + +.dash-item-container .app-well-app, .dash-item-container .show-apps { + padding: 10px 0 26px; + border-radius: 12px; +} + +.dash-item-container .app-well-app .overview-icon, .dash-item-container .show-apps .overview-icon { + padding: 5px; + border-radius: 12px; +} + +.dash-separator { + width: 1px; + margin: 0 7px 16px; + background-color: rgba(255, 255, 255, 0.12); +} + +.workspace-animation { + background-color: #212121; +} + +.calendar .calendar-change-month-back, +.calendar .calendar-change-month-forward { + padding: 0 2px; +} + +.controls-manager, .secondary-monitor-workspaces { + spacing: 12px; +} + +#overviewGroup { + background-color: #212121; +} + +.osd-window { + spacing: 12px; + padding: 12px 18px; + margin-bottom: 4em; +} + +.osd-window > * { + spacing: 8px; +} + +.osd-window StIcon { + icon-size: 32px; +} + +.osd-window StLabel:ltr { + margin-right: 6px; +} + +.osd-window StLabel:rtl { + margin-left: 6px; +} + +.osd-window .level { + margin-bottom: 4px; +} + +.osd-window .level:first-child { + margin-bottom: 0px; +} + +.osd-window .level:ltr { + margin-right: 6px; +} + +.osd-window .level:rtl { + margin-left: 6px; +} + +#appMenu { + spacing: 6px; +} + +#appMenu .label-shadow { + color: transparent; +} + +#appMenu .panel-status-menu-box { + padding: 0 6px; + spacing: 6px; +} + +.popup-menu .popup-menu-item { + padding: 6px 12px; +} + +.popup-separator-menu-item { + padding: 0; + margin: 3px 0 !important; +} + +.popup-separator-menu-item:ltr { + margin-right: 4px !important; +} + +.popup-separator-menu-item:rtl { + margin-left: 4px !important; +} + +.popup-separator-menu-item .popup-separator-menu-item-separator { + height: 1px; + background-color: rgba(255, 255, 255, 0.12); +} + +.popup-separator-menu-item .popup-menu-ornament { + width: 0 !important; +} + +.popup-sub-menu .popup-separator-menu-item { + background-color: transparent; +} + +.popup-sub-menu .popup-separator-menu-item:ltr { + margin-right: 2.5em; +} + +.popup-sub-menu .popup-separator-menu-item:rtl { + margin-left: 2.5em; +} + +.popup-sub-menu .popup-separator-menu-item .popup-separator-menu-item-separator { + background-color: rgba(0, 0, 0, 0.12); +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:ltr { + padding-left: 12px !important; + margin-left: 3px !important; +} + +.aggregate-menu .popup-sub-menu .popup-menu-item > :first-child:rtl { + padding-right: 12px !important; + margin-right: 3px !important; +} + +.quick-settings { + padding: 18px !important; + border-radius: 24px !important; + margin-top: 8px !important; +} + +.quick-settings .icon-button, .quick-settings .background-app-item .close-button, .background-app-item .quick-settings .close-button, .quick-settings .button { + min-height: 22px; + min-width: 22px; + padding: 9px; +} + +.quick-settings .icon-button > StIcon, .quick-settings .background-app-item .close-button > StIcon, .background-app-item .quick-settings .close-button > StIcon, .quick-settings .button > StIcon { + icon-size: 16px !important; +} + +.quick-settings-grid { + spacing-rows: 12px; + spacing-columns: 12px; +} + +.quick-toggle, .quick-menu-toggle { + border-radius: 6px; + min-width: 12em; + max-width: 12em; + min-height: 44px !important; + border: none; +} + +.quick-toggle { + background-color: rgba(255, 255, 255, 0.04) !important; + color: rgba(255, 255, 255, 0.7); +} + +.quick-toggle:hover { + background-color: rgba(255, 255, 255, 0.12) !important; + color: white; +} + +.quick-toggle:active { + background-color: rgba(255, 255, 255, 0.15) !important; + color: white; +} + +.quick-toggle:checked { + background-color: #E0E0E0 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle:checked:hover { + background-color: #e2e2e2 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle:checked:active { + background-color: #e5e5e5 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-toggle > StBoxLayout { + spacing: 9px; + padding: 0 12px; +} + +.quick-toggle.button { + padding: 0; +} + +.quick-toggle:ltr > StBoxLayout { + padding-left: 15px; +} + +.quick-toggle:rtl > StBoxLayout { + padding-right: 15px; +} + +.quick-toggle .quick-toggle-title { + font-weight: bold; +} + +.quick-toggle StBoxLayout > .quick-toggle-subtitle { + font-weight: normal; + font-size: 12px; +} + +.quick-toggle .quick-toggle-icon { + icon-size: 16px; +} + +.quick-menu-toggle .quick-toggle { + min-width: auto; + max-width: auto; +} + +.quick-menu-toggle .quick-toggle:ltr { + border-radius: 6px 0 0 6px; +} + +.quick-menu-toggle .quick-toggle:ltr > StBoxLayout { + padding-right: 9px; +} + +.quick-menu-toggle .quick-toggle:rtl { + border-radius: 0 6px 6px 0; +} + +.quick-menu-toggle .quick-toggle:rtr > StBoxLayout { + padding-left: 9px; +} + +.quick-menu-toggle .quick-toggle:ltr:last-child { + border-radius: 6px; +} + +.quick-menu-toggle .quick-toggle:rtl:last-child { + border-radius: 6px; +} + +.quick-menu-toggle .quick-toggle-arrow { + padding: 6px 10.5px; + icon-size: 16px !important; + border: none; + background-color: rgba(255, 255, 255, 0.08) !important; + color: rgba(255, 255, 255, 0.7); +} + +.quick-menu-toggle .quick-toggle-arrow:hover { + background-color: rgba(255, 255, 255, 0.12) !important; + color: white; +} + +.quick-menu-toggle .quick-toggle-arrow:active { + background-color: rgba(255, 255, 255, 0.2) !important; + color: white; +} + +.quick-menu-toggle .quick-toggle-arrow:checked { + background-color: #E0E0E0 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-menu-toggle .quick-toggle-arrow:checked:hover { + background-color: #e2e2e2 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-menu-toggle .quick-toggle-arrow:checked:active { + background-color: #e5e5e5 !important; + color: rgba(0, 0, 0, 0.87); +} + +.quick-menu-toggle .quick-toggle-arrow:ltr { + border-radius: 0 6px 6px 0; + border-left-width: 0; +} + +.quick-menu-toggle .quick-toggle-arrow:rtl { + border-radius: 6px 0 0 6px; + border-right-width: 0; +} + +.quick-slider > StBoxLayout { + spacing: 6px; +} + +.quick-slider .slider-bin { + min-height: 16px; + padding: 6px; + border-radius: 9999px; +} + +.quick-slider .slider-bin:focus { + color: white; + background-color: rgba(255, 255, 255, 0.08); + box-shadow: none !important; + outline: none !important; +} + +.quick-slider .quick-toggle-icon, .quick-slider .quick-toggle-arrow { + icon-size: 16px !important; +} + +.quick-slider .icon-button, .quick-slider .background-app-item .close-button, .background-app-item .quick-slider .close-button { + background-color: transparent; + color: white !important; +} + +.quick-slider .icon-button:hover, .quick-slider .background-app-item .close-button:hover, .background-app-item .quick-slider .close-button:hover { + background-color: rgba(255, 255, 255, 0.04); +} + +.quick-slider .icon-button:active, .quick-slider .background-app-item .close-button:active, .background-app-item .quick-slider .close-button:active { + background-color: rgba(255, 255, 255, 0.12); +} + +.quick-toggle-menu { + border-radius: 6px !important; + padding: 12px !important; + margin: 12px 30px 0 !important; + background-color: #E0E0E0 !important; + color: rgba(0, 0, 0, 0.6) !important; +} + +.quick-toggle-menu .popup-separator-menu-item-separator { + padding: 0 !important; + margin: 0 !important; + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.quick-toggle-menu .popup-menu-item { + min-height: 20px; + padding: 6px; + spacing: 6px; + border-radius: 6px !important; + color: rgba(0, 0, 0, 0.6) !important; +} + +.quick-toggle-menu .popup-menu-item StLabel { + color: rgba(0, 0, 0, 0.6); +} + +.quick-toggle-menu .popup-menu-item:focus, .quick-toggle-menu .popup-menu-item.hover, .quick-toggle-menu .popup-menu-item.selected { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.12) !important; +} + +.quick-toggle-menu .popup-menu-item:active, .quick-toggle-menu .popup-menu-item.selected:active { + color: rgba(0, 0, 0, 0.87) !important; + background-color: rgba(0, 0, 0, 0.26) !important; +} + +.quick-toggle-menu .popup-menu-item > StIcon { + -st-icon-style: symbolic; +} + +.quick-toggle-menu .header { + spacing-rows: 3px; + spacing-columns: 12px; + padding-bottom: 12px; +} + +.quick-toggle-menu .header .icon { + icon-size: 24px; + border-radius: 6px; + padding: 9px; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.quick-toggle-menu .header .icon.active { + background-color: rgba(0, 0, 0, 0.87) !important; + color: #E0E0E0; +} + +.quick-settings-system-item > StBoxLayout { + spacing: 12px; +} + +.quick-settings-system-item .icon-button > StIcon, .quick-settings-system-item .background-app-item .close-button > StIcon, .background-app-item .quick-settings-system-item .close-button > StIcon { + -st-icon-style: symbolic; + icon-size: 16px !important; +} + +.quick-settings-system-item .power-item { + min-height: 0 !important; + min-width: 0 !important; + background-color: rgba(255, 255, 255, 0.04); +} + +.quick-settings-system-item .power-item:insensitive { + color: white; + background-color: #2C2C2C; + box-shadow: none !important; + background-color: transparent; +} + +.nm-network-item .wireless-secure-icon { + icon-size: 8px; +} + +.bt-device-item .popup-menu-icon { + -st-icon-style: symbolic; +} + +.bt-menu-placeholder.popup-menu-item { + text-align: center; + padding: 2em 4em; +} + +.device-subtitle { + color: rgba(255, 255, 255, 0.5); +} + +.background-apps-quick-toggle { + min-height: 40px; + background-color: transparent; +} + +.background-apps-quick-toggle StIcon { + icon-size: 16px !important; +} + +.background-app-item .popup-menu-icon { + icon-size: 32px !important; + -st-icon-style: regular !important; +} + +.background-app-item .close-button { + padding: 6px; +} + +.background-app-item.popup-inactive-menu-item { + color: white; +} + +.search-entry { + margin-top: 24px; + margin-bottom: 6px; +} + +.icon-label-button-container { + spacing: 6px; +} + +.icon-label-button-container StIcon { + icon-size: 32px; +} + +.screenshot-ui-panel { + border-radius: 33px; + padding: 18px; + padding-bottom: 12px; + margin-bottom: 4em; + spacing: 12px; + border: 2px solid #e0e0e0; +} + +.screenshot-ui-close-button { + padding: 6px !important; + margin-top: 12px; + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); +} + +.screenshot-ui-close-button.left { + margin-left: 12px; +} + +.screenshot-ui-close-button.right { + margin-right: 12px; +} + +.screenshot-ui-type-button { + min-width: 48px; + padding: 12px 18px !important; + border-radius: 15px; +} + +.screenshot-ui-capture-button { + width: 36px; + height: 36px; + border-radius: 9999px; + border: 4px white; + padding: 4px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle { + background-color: white; + transition-duration: 200ms; + border-radius: 9999px; +} + +.screenshot-ui-capture-button .screenshot-ui-capture-button-circle:hover, .screenshot-ui-capture-button .screenshot-ui-capture-button-circle:focus { + background-color: rgba(255, 255, 255, 0.12); +} + +.screenshot-ui-capture-button:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:focus .screenshot-ui-capture-button-circle { + background-color: #d9d9d9; +} + +.screenshot-ui-capture-button:active .screenshot-ui-capture-button-circle { + background-color: gray; +} + +.screenshot-ui-capture-button:cast .screenshot-ui-capture-button-circle { + background-color: #F28B82; +} + +.screenshot-ui-capture-button:cast:hover .screenshot-ui-capture-button-circle, .screenshot-ui-capture-button:cast:focus .screenshot-ui-capture-button-circle { + background-color: #f4a099; +} + +.screenshot-ui-capture-button:cast:active .screenshot-ui-capture-button-circle { + background-color: #ef6d62; +} + +.screenshot-ui-shot-cast-container { + background-color: #2e2e2e; + border-radius: 12px; + padding: 3px; + spacing: 3px; +} + +.screenshot-ui-shot-cast-container:ltr { + margin-left: 3px; +} + +.screenshot-ui-shot-cast-container:rtl { + margin-right: 3px; +} + +.screenshot-ui-shot-cast-button { + padding: 6px 12px; + background-color: transparent; + border-radius: 9px; +} + +.screenshot-ui-shot-cast-button:hover, .screenshot-ui-shot-cast-button:focus { + background-color: #3b3b3b; +} + +.screenshot-ui-shot-cast-button:active { + background-color: rgba(255, 255, 255, 0.3); +} + +.screenshot-ui-shot-cast-button:checked { + background-color: white; + color: black; +} + +.screenshot-ui-shot-cast-button:insensitive { + color: rgba(255, 255, 255, 0.5); +} + +.screenshot-ui-shot-cast-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-show-pointer-button { + border-radius: 9999px; + padding: 12px !important; +} + +.screenshot-ui-show-pointer-button StIcon { + icon-size: 16px; +} + +.screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-shade { + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-area-selector .screenshot-ui-area-indicator-selection { + border: 2px white; +} + +.screenshot-ui-area-selector-handle { + border-radius: 9999px; + background-color: white; + box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.2); + width: 24px; + height: 24px; +} + +.screenshot-ui-window-selector { + background-color: #242424; +} + +.screenshot-ui-window-selector .screenshot-ui-window-selector-window-container { + margin: 100px; +} + +.screenshot-ui-window-selector:primary-monitor .screenshot-ui-window-selector-window-container { + margin-bottom: 200px; +} + +.screenshot-ui-window-selector-window-border { + transition-duration: 200ms; + border-radius: 12px; + border: 6px transparent; +} + +.screenshot-ui-window-selector-check { + transition-duration: 200ms; + color: transparent; + border-radius: 99px; + border-width: 12px; + icon-size: 24px; +} + +.screenshot-ui-window-selector-window:hover .screenshot-ui-window-selector-window-border { + border-color: #bababa; +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-window-border { + border-color: #E0E0E0; + background-color: rgba(224, 224, 224, 0.2); +} + +.screenshot-ui-window-selector-window:checked .screenshot-ui-window-selector-check { + color: rgba(0, 0, 0, 0.87); + background-color: #E0E0E0; +} + +.screenshot-ui-screen-selector { + transition-duration: 200ms; + background-color: rgba(0, 0, 0, 0.5); +} + +.screenshot-ui-screen-selector:hover { + background-color: rgba(0, 0, 0, 0.3); +} + +.screenshot-ui-screen-selector:active { + background-color: rgba(0, 0, 0, 0.7); +} + +.screenshot-ui-screen-selector:checked { + background-color: transparent; + border: 2px white; +} + +.screenshot-ui-tooltip { + color: white; + background-color: #212121; + border-radius: 9999px; + padding: 6px 12px; + text-align: center; + -y-offset: 24px; +} + +.window-picker { + spacing: 6px; +} + +.window-caption { + color: white; + background-color: #212121; + border-radius: 9999px; + padding: 6px 12px; + border: none; + box-shadow: none; +} + +.window-close, .screenshot-ui-close-button { + background-color: #242424; + color: white; + border-radius: 21px; + padding: 3px; + height: 30px; + width: 30px; + box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); + transition-duration: 200ms; +} + +.window-close:hover, .screenshot-ui-close-button:hover { + color: white; + background-color: #333333; +} + +.window-close:active, .screenshot-ui-close-button:active { + color: white; + background-color: #151515; +} + +.window-close StIcon, .screenshot-ui-close-button StIcon { + icon-size: 24px; +} + +.workspace-background { + border-radius: 30px; + background-color: #212121; + box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.3); +} + +/* Workspace pager */ +.workspace-thumbnails { + visible-width: 32px; + spacing: 6px; + padding: 6px; +} + +.workspace-thumbnails .workspace-thumbnail { + color: rgba(255, 255, 255, 0.7); + background-color: rgba(255, 255, 255, 0.12); + border: none; + border-radius: 6px; +} + +.workspace-thumbnails .placeholder { + background-image: url("assets/dash-placeholder.svg"); + background-size: contain; + width: 18px; + height: 24px; +} + +.workspace-thumbnail-indicator { + border: 3px solid white; + border-radius: 9px; + padding: 0; +} + +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background-color: transparent; +} + +#dashtodockContainer .number-overlay { + color: white; + background-color: rgba(0, 0, 0, 0.75); + text-align: center; +} + +#dashtodockContainer .notification-badge { + color: rgba(0, 0, 0, 0.87); + background-color: #E0E0E0; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: 9999px; + margin: 2px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; +} + +#dashtodockContainer.straight-corner #dash, #dashtodockContainer.shrink.straight-corner #dash { + border-radius: 0; + margin: 0; +} + +#dashtodockContainer.straight-corner #dash .dash-background, #dashtodockContainer.shrink.straight-corner #dash .dash-background { + border-radius: 0; +} + +#dashtodockContainer.extended.top #dash, #dashtodockContainer.extended.bottom #dash, #dashtodockContainer.extended.right #dash, #dashtodockContainer.extended.left #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +#dashtodockContainer.extended.top #dash .dash-background, #dashtodockContainer.extended.bottom #dash .dash-background, #dashtodockContainer.extended.right #dash .dash-background, #dashtodockContainer.extended.left #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} + +#dashtodockContainer.left #dash, #dashtodockContainer.right #dash { + margin-top: 0; + padding: 10px 0; +} + +#dashtodockContainer.left #dash .dash-background, #dashtodockContainer.right #dash .dash-background { + margin-bottom: 0; +} + +#dashtodockContainer.left .dash-item-container .app-well-app, #dashtodockContainer.left .show-apps, #dashtodockContainer.right .dash-item-container .app-well-app, #dashtodockContainer.right .show-apps { + padding: 6px; +} + +#dashtodockContainer.left #dash { + margin-left: 6px; +} + +#dashtodockContainer.right #dash { + margin-right: 6px; +} + +#dashtodockContainer.dashtodock #dash .dash-background { + background-color: #212121; +} + +#dashtodockContainer #dash .dash-background { + background-color: #212121; +} + +#dashtodockContainer .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer StWidget.focused .app-well-app-running-dot { + background-color: #E0E0E0 !important; +} + +#dashtodockContainer:overview #dash .app-well-app-running-dot { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot { + background-color: white !important; +} + +#dashtodockContainer .show-apps .overview-icon, +#dashtodockContainer .app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.7); +} + +#dashtodockContainer .show-apps:hover .overview-icon, #dashtodockContainer .show-apps:focus .overview-icon, #dashtodockContainer .show-apps:selected .overview-icon, +#dashtodockContainer .app-well-app:hover .overview-icon, +#dashtodockContainer .app-well-app:focus .overview-icon, +#dashtodockContainer .app-well-app:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer .show-apps:active .overview-icon, #dashtodockContainer .show-apps:checked .overview-icon, +#dashtodockContainer .app-well-app:active .overview-icon, +#dashtodockContainer .app-well-app:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer:overview #dash .show-apps .overview-icon, #dashtodockContainer:overview #dash .app-well-app .overview-icon { + color: rgba(255, 255, 255, 0.7); +} + +#dashtodockContainer:overview #dash .show-apps:hover .overview-icon, #dashtodockContainer:overview #dash .show-apps:focus .overview-icon, #dashtodockContainer:overview #dash .show-apps:selected .overview-icon, #dashtodockContainer:overview #dash .app-well-app:hover .overview-icon, #dashtodockContainer:overview #dash .app-well-app:focus .overview-icon, #dashtodockContainer:overview #dash .app-well-app:selected .overview-icon { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer:overview #dash .show-apps:active .overview-icon, #dashtodockContainer:overview #dash .show-apps:checked .overview-icon, #dashtodockContainer:overview #dash .app-well-app:active .overview-icon, #dashtodockContainer:overview #dash .app-well-app:checked .overview-icon { + background-color: rgba(255, 255, 255, 0.3); +} + +#dashtodockContainer.opaque #dash .dash-background { + background-color: #212121; +} + +#dashtodockContainer.transparent #dash .dash-background { + background-color: rgba(33, 33, 33, 0.35); +} + +#dashtodockContainer:overview #dash .dash-background { + background-color: rgba(255, 255, 255, 0.12); +} + +#dashtodockContainer.opaque:overview #dash .dash-background, #dashtodockContainer.transparent:overview #dash .dash-background { + background-color: transparent !important; + box-shadow: none !important; +} + +#dashtodockContainer.extended:overview #dash .dash-background, #dashtodockContainer.opaque.extended:overview #dash .dash-background, #dashtodockContainer.transparent.extended:overview #dash .dash-background { + background-color: #212121; +} + +#dashtodockContainer.running-dots .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; +} + +#dashtodockContainer.shrink .dash-item-container > StButton, #dashtodockContainer.dashtodock .dash-item-container > StButton { + padding: 1px 2px; +} + +#dashtodockContainer.extended .app-well-app .overview-icon, +#dashtodockContainer.extended .show-apps .overview-icon, #dashtodockContainer.extended:overview .app-well-app .overview-icon, +#dashtodockContainer.extended:overview .show-apps .overview-icon { + border-radius: 6px; +} + +#dashtodockContainer .metro .overview-icon { + border-radius: 0; +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +.openweather-button, .openweather-button-action, .openweather-menu-button-container, .openweather-button-box { + border: 1px solid transparent; +} + +.openweather-provider { + padding: 0 16px; + font-weight: 500; + border: 1px solid transparent; +} + +.openweather-current-icon, .openweather-current-summary, .openweather-current-summarybox { + background: none; + color: white; +} + +.openweather-current-databox-values { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-current-databox-captions { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-forecast-icon, .openweather-forecast-summary { + background: none; + color: rgba(255, 255, 255, 0.7); +} + +.openweather-forecast-day, .openweather-forecast-temperature { + background: none; + color: rgba(255, 255, 255, 0.5); +} + +.openweather-sunrise-icon, .openweather-sunset-icon, .openweather-build-icon { + color: rgba(255, 255, 255, 0.7); +} + +.popup-sub-menu .openweather-current-icon, .popup-sub-menu .openweather-current-summary, .popup-sub-menu .openweather-current-summarybox { + background: none; + color: rgba(0, 0, 0, 0.87); +} + +.popup-sub-menu .openweather-current-databox-values { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-current-databox-captions { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-forecast-icon, .popup-sub-menu .openweather-forecast-summary { + color: rgba(0, 0, 0, 0.87); +} + +.popup-sub-menu .openweather-forecast-day, .popup-sub-menu .openweather-forecast-temperature { + color: rgba(0, 0, 0, 0.6); +} + +.popup-sub-menu .openweather-sunrise-icon, .popup-sub-menu .openweather-sunset-icon, .popup-sub-menu .openweather-build-icon { + color: rgba(0, 0, 0, 0.87); +} diff --git a/themes/Graphite-Dark/gnome-shell/no-events.svg b/themes/Graphite-Dark/gnome-shell/no-events.svg new file mode 120000 index 0000000..d2fcad0 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/no-events.svg @@ -0,0 +1 @@ +assets/no-events.svg
\ No newline at end of file diff --git a/themes/Graphite-Dark/gnome-shell/no-notifications.svg b/themes/Graphite-Dark/gnome-shell/no-notifications.svg new file mode 120000 index 0000000..175731c --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/no-notifications.svg @@ -0,0 +1 @@ +assets/no-notifications.svg
\ No newline at end of file diff --git a/themes/Graphite-Dark/gnome-shell/pad-osd.css b/themes/Graphite-Dark/gnome-shell/pad-osd.css new file mode 100644 index 0000000..31c2377 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/pad-osd.css @@ -0,0 +1,30 @@ +.Leader { + stroke-width: .5 !important; + stroke: #535353; + fill: none !important; +} + +.Button { + stroke-width: .25; + stroke: #ededed; + fill: #ededed; +} + +.Ring { + stroke-width: .5 !important; + stroke: #535353 !important; + fill: none !important; +} + +.Label { + stroke: none !important; + stroke-width: .1 !important; + font-size: .1 !important; + fill: transparent !important; +} + +.TouchStrip, .TouchRing { + stroke-width: .1 !important; + stroke: #ededed !important; + fill: #535353 !important; +} diff --git a/themes/Graphite-Dark/gnome-shell/process-working.svg b/themes/Graphite-Dark/gnome-shell/process-working.svg new file mode 120000 index 0000000..a6586c3 --- /dev/null +++ b/themes/Graphite-Dark/gnome-shell/process-working.svg @@ -0,0 +1 @@ +assets/process-working.svg
\ No newline at end of file |
