Initial commit after forking gnome shell 44.1
This commit is contained in:
Kevin MacMartin
commit
2753b10a6f
67 changed files with 8637 additions and 0 deletions
32
README.md
Normal file
32
README.md
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
## Summary
|
||||||
|
|
||||||
|
Do not edit the CSS directly, edit the source SCSS files and the CSS files
|
||||||
|
will be generated automatically when building with meson + ninja and left
|
||||||
|
inside the build directory to be incorporated into the gresource XML (you'll
|
||||||
|
need to have sassc installed).
|
||||||
|
|
||||||
|
## How to tweak the theme
|
||||||
|
|
||||||
|
Adwaita is a complex theme, so to keep it maintainable it's written and
|
||||||
|
processed in SASS, the generated CSS is then transformed into a gresource
|
||||||
|
file during gtk build and used at runtime in a non-legible or editable form.
|
||||||
|
|
||||||
|
It is very likely your change will happen in the [_common.scss][common] file.
|
||||||
|
That's where all the widget selectors are defined. Here's a rundown of
|
||||||
|
the "supporting" stylesheets, that are unlikely to be the right place
|
||||||
|
for a drive by stylesheet fix:
|
||||||
|
|
||||||
|
| File | Description |
|
||||||
|
| ------------------------ | ----------------- |
|
||||||
|
| [_colors.scss][colors] | global color definitions. We keep the number of defined colors to a necessary minimum, most colors are derived from a handful of basics. It is an exact copy of the gtk+ counterpart. Light theme is used for the classic theme and dark is for GNOME3 shell default. |
|
||||||
|
| [_drawing.scss][drawing] | drawing helper mixings/functions to allow easier definition of widget drawing under specific context. This is why Adwaita isn't 15000 LOC. |
|
||||||
|
| [_common.scss][common] | actual definitions of style for each widget. This is where you are likely to add/remove your changes. |
|
||||||
|
|
||||||
|
You can read about SASS on its [web page][sass-web]. Once you make your
|
||||||
|
changes to the [_common.scss][common] file, you can run ninja to generate the
|
||||||
|
final CSS files.
|
||||||
|
|
||||||
|
[common]: data/theme/gnome-shell-sass/_common.scss
|
||||||
|
[colors]: data/theme/gnome-shell-sass/_colors.scss
|
||||||
|
[drawing]: data/theme/gnome-shell-sass/_drawing.scss
|
||||||
|
[sass-web]: http://sass-lang.com/documentation/
|
||||||
1
calendar-today-light.svg
Normal file
1
calendar-today-light.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;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:#000;solid-opacity:1;fill:#242424;fill-opacity:1;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" cx="16" cy="28" r="2"/></svg>
|
||||||
|
After Width: | Height: | Size: 718 B |
1
calendar-today.svg
Normal file
1
calendar-today.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="32" height="32" xmlns="http://www.w3.org/2000/svg"><circle style="color:#000;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:#000;solid-opacity:1;fill:#fff;fill-opacity:.858277;fill-rule:nonzero;stroke:none;stroke-width:.999999;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" cx="16" cy="28" r="2"/></svg>
|
||||||
|
After Width: | Height: | Size: 727 B |
1
checkbox-focused.svg
Normal file
1
checkbox-focused.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:6;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.34999999;marker:none;enable-background:accumulate" ry="3"/><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 1.7 KiB |
220
checkbox-off-focused-light.svg
Normal file
220
checkbox-off-focused-light.svg
Normal file
|
|
@ -0,0 +1,220 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
id="svg3199"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
|
||||||
|
sodipodi:docname="checkbox-off-focused-dark.svg"
|
||||||
|
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"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
|
<defs
|
||||||
|
id="defs3201">
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient15404"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
id="stop15406"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#515151;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
id="stop15408"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#292929;stop-opacity:1" />
|
||||||
|
</linearGradient>
|
||||||
|
<inkscape:perspective
|
||||||
|
sodipodi:type="inkscape:persp3d"
|
||||||
|
inkscape:vp_x="0 : 528.18109 : 1"
|
||||||
|
inkscape:vp_y="0 : 1000 : 0"
|
||||||
|
inkscape:vp_z="744.09448 : 528.18109 : 1"
|
||||||
|
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
|
||||||
|
id="perspective3207" />
|
||||||
|
<inkscape:perspective
|
||||||
|
id="perspective3187"
|
||||||
|
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
|
||||||
|
inkscape:vp_z="1 : 2.5 : 1"
|
||||||
|
inkscape:vp_y="0 : 1000 : 0"
|
||||||
|
inkscape:vp_x="0 : 2.5 : 1"
|
||||||
|
sodipodi:type="inkscape:persp3d" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5872-5-1"
|
||||||
|
id="linearGradient5891-0-4"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="205.84143"
|
||||||
|
y1="246.7094"
|
||||||
|
x2="206.74803"
|
||||||
|
y2="231.24142" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient5872-5-1">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#0b2e52;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop5874-4-4" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1862af;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop5876-0-5" />
|
||||||
|
</linearGradient>
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect5837-4-6"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect14768"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect5884-4-7"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<linearGradient
|
||||||
|
y2="-388.72955"
|
||||||
|
x2="-93.031357"
|
||||||
|
y1="-396.34738"
|
||||||
|
x1="-93.031357"
|
||||||
|
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient14219"
|
||||||
|
xlink:href="#linearGradient15404"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient10013-4-63-6">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#333333;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop10015-2-76-1" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#292929;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop10017-46-15-8" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient10597-5">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#16191a;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop10599-2" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#2b3133;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop10601-5" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
y2="-322.16354"
|
||||||
|
x2="921.22498"
|
||||||
|
y1="-330.05121"
|
||||||
|
x1="921.32812"
|
||||||
|
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient15374"
|
||||||
|
xlink:href="#linearGradient10013-4-63-6"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
gradientTransform="translate(-1199.9852,216.38048)"
|
||||||
|
y2="-227.07961"
|
||||||
|
x2="1203.9177"
|
||||||
|
y1="-217.56708"
|
||||||
|
x1="1203.9177"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient15376"
|
||||||
|
xlink:href="#linearGradient10597-5"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient5581-5-2-4-6-8-7-35-8">
|
||||||
|
<stop
|
||||||
|
id="stop5583-0-92-8-0-7-6-5-1"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#454c4c;stop-opacity:1;" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#393f3f;stop-opacity:1;"
|
||||||
|
offset="0.40000001"
|
||||||
|
id="stop5585-4-7-2-7-9-9-92-0" />
|
||||||
|
<stop
|
||||||
|
id="stop5587-6-7-2-0-3-1-21-5"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#2d3232;stop-opacity:1;" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#a2a2a2"
|
||||||
|
bordercolor="#2d2d2d"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:pageopacity="1"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="11.313708"
|
||||||
|
inkscape:cx="12.374369"
|
||||||
|
inkscape:cy="8.8388348"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="true"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1011"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
borderlayer="true"
|
||||||
|
inkscape:showpageshadow="false"
|
||||||
|
inkscape:snap-nodes="false"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
showborder="true"
|
||||||
|
inkscape:pagecheckerboard="0">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid14843"
|
||||||
|
empspacing="5"
|
||||||
|
visible="true"
|
||||||
|
enabled="true"
|
||||||
|
snapvisiblegridlinesonly="true" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata3204">
|
||||||
|
<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>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-342.5,-521.36218)">
|
||||||
|
<rect
|
||||||
|
rx="3"
|
||||||
|
y="524.36218"
|
||||||
|
x="345.5"
|
||||||
|
height="18"
|
||||||
|
width="18"
|
||||||
|
id="rect11803"
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
|
||||||
|
ry="3" />
|
||||||
|
<rect
|
||||||
|
rx="5"
|
||||||
|
y="522.36218"
|
||||||
|
x="343.5"
|
||||||
|
height="22"
|
||||||
|
width="22"
|
||||||
|
id="rect2437"
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.35;marker:none;enable-background:accumulate"
|
||||||
|
ry="5" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.8 KiB |
1
checkbox-off-focused.svg
Normal file
1
checkbox-off-focused.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3"/><rect rx="5" y="522.362" x="343.5" height="22" width="22" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.35;marker:none;enable-background:accumulate" ry="5"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
211
checkbox-off-light.svg
Normal file
211
checkbox-off-light.svg
Normal file
|
|
@ -0,0 +1,211 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="24"
|
||||||
|
height="24"
|
||||||
|
id="svg3199"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20)"
|
||||||
|
sodipodi:docname="checkbox-off-dark.svg"
|
||||||
|
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"
|
||||||
|
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:cc="http://creativecommons.org/ns#"
|
||||||
|
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
|
<defs
|
||||||
|
id="defs3201">
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient15404"
|
||||||
|
inkscape:collect="always">
|
||||||
|
<stop
|
||||||
|
id="stop15406"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#515151;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
id="stop15408"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#292929;stop-opacity:1" />
|
||||||
|
</linearGradient>
|
||||||
|
<inkscape:perspective
|
||||||
|
sodipodi:type="inkscape:persp3d"
|
||||||
|
inkscape:vp_x="0 : 528.18109 : 1"
|
||||||
|
inkscape:vp_y="0 : 1000 : 0"
|
||||||
|
inkscape:vp_z="744.09448 : 528.18109 : 1"
|
||||||
|
inkscape:persp3d-origin="372.04724 : 352.78739 : 1"
|
||||||
|
id="perspective3207" />
|
||||||
|
<inkscape:perspective
|
||||||
|
id="perspective3187"
|
||||||
|
inkscape:persp3d-origin="0.5 : 2.3333333 : 1"
|
||||||
|
inkscape:vp_z="1 : 2.5 : 1"
|
||||||
|
inkscape:vp_y="0 : 1000 : 0"
|
||||||
|
inkscape:vp_x="0 : 2.5 : 1"
|
||||||
|
sodipodi:type="inkscape:persp3d" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient5872-5-1"
|
||||||
|
id="linearGradient5891-0-4"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
x1="205.84143"
|
||||||
|
y1="246.7094"
|
||||||
|
x2="206.74803"
|
||||||
|
y2="231.24142" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient5872-5-1">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#0b2e52;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop5874-4-4" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#1862af;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop5876-0-5" />
|
||||||
|
</linearGradient>
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect5837-4-6"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect14768"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<inkscape:path-effect
|
||||||
|
effect="spiro"
|
||||||
|
id="path-effect5884-4-7"
|
||||||
|
is_visible="true"
|
||||||
|
lpeversion="0" />
|
||||||
|
<linearGradient
|
||||||
|
y2="-388.72955"
|
||||||
|
x2="-93.031357"
|
||||||
|
y1="-396.34738"
|
||||||
|
x1="-93.031357"
|
||||||
|
gradientTransform="matrix(1.5918367,0,0,0.85714285,-256.56122,59.685418)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient14219"
|
||||||
|
xlink:href="#linearGradient15404"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient10013-4-63-6">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#333333;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop10015-2-76-1" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#292929;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop10017-46-15-8" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient10597-5">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#16191a;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop10599-2" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#2b3133;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop10601-5" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
y2="-322.16354"
|
||||||
|
x2="921.22498"
|
||||||
|
y1="-330.05121"
|
||||||
|
x1="921.32812"
|
||||||
|
gradientTransform="matrix(1.5918367,0,0,0.85714285,-1456.5464,275.45191)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient15374"
|
||||||
|
xlink:href="#linearGradient10013-4-63-6"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
gradientTransform="translate(-1199.9852,216.38048)"
|
||||||
|
y2="-227.07961"
|
||||||
|
x2="1203.9177"
|
||||||
|
y1="-217.56708"
|
||||||
|
x1="1203.9177"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="linearGradient15376"
|
||||||
|
xlink:href="#linearGradient10597-5"
|
||||||
|
inkscape:collect="always" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient5581-5-2-4-6-8-7-35-8">
|
||||||
|
<stop
|
||||||
|
id="stop5583-0-92-8-0-7-6-5-1"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#454c4c;stop-opacity:1;" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#393f3f;stop-opacity:1;"
|
||||||
|
offset="0.40000001"
|
||||||
|
id="stop5585-4-7-2-7-9-9-92-0" />
|
||||||
|
<stop
|
||||||
|
id="stop5587-6-7-2-0-3-1-21-5"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#2d3232;stop-opacity:1;" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
id="base"
|
||||||
|
pagecolor="#a2a2a2"
|
||||||
|
bordercolor="#2d2d2d"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:pageopacity="1"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:zoom="11.313708"
|
||||||
|
inkscape:cx="12.374369"
|
||||||
|
inkscape:cy="8.8388348"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
showgrid="true"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1011"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
borderlayer="true"
|
||||||
|
inkscape:showpageshadow="false"
|
||||||
|
inkscape:snap-nodes="false"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
showborder="true"
|
||||||
|
inkscape:pagecheckerboard="0">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid14843"
|
||||||
|
empspacing="5"
|
||||||
|
visible="true"
|
||||||
|
enabled="true"
|
||||||
|
snapvisiblegridlinesonly="true" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata3204">
|
||||||
|
<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>
|
||||||
|
<g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-342.5,-521.36218)">
|
||||||
|
<rect
|
||||||
|
rx="3"
|
||||||
|
y="524.36218"
|
||||||
|
x="345.5"
|
||||||
|
height="18"
|
||||||
|
width="18"
|
||||||
|
id="rect11803"
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#282828;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:0.15000001;marker:none;enable-background:accumulate"
|
||||||
|
ry="3" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 6.3 KiB |
1
checkbox-off.svg
Normal file
1
checkbox-off.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:none;fill-opacity:1;stroke:#fff;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:.15000001;marker:none;enable-background:accumulate" ry="3" transform="translate(-342.5 -521.362)"/></svg>
|
||||||
|
After Width: | Height: | Size: 1.1 KiB |
1
checkbox.svg
Normal file
1
checkbox.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient id="b"><stop offset="0" style="stop-color:#515151;stop-opacity:1"/><stop offset="1" style="stop-color:#292929;stop-opacity:1"/></linearGradient><linearGradient id="a"><stop style="stop-color:#0b2e52;stop-opacity:1" offset="0"/><stop style="stop-color:#1862af;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="c"><stop style="stop-color:#333;stop-opacity:1" offset="0"/><stop style="stop-color:#292929;stop-opacity:1" offset="1"/></linearGradient><linearGradient id="d"><stop style="stop-color:#16191a;stop-opacity:1" offset="0"/><stop style="stop-color:#2b3133;stop-opacity:1" offset="1"/></linearGradient></defs><g transform="translate(-342.5 -521.362)"><rect rx="3" y="524.362" x="345.5" height="18" width="18" style="color:#000;display:inline;overflow:visible;visibility:visible;fill:#3584e4;fill-opacity:1;stroke:#3584e4;stroke-width:2;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate" ry="3"/><path style="color:#000;fill:#fff;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none" d="M361.998 527.733a1.5 1.5 0 0 0-2.117.127l-6.928 7.824-2.928-2.882a1.5 1.5 0 0 0-2.12.015 1.5 1.5 0 0 0 .015 2.121l4.055 3.993a1.5 1.5 0 0 0 2.175-.075l7.975-9.006a1.5 1.5 0 0 0-.127-2.117z"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 1.4 KiB |
84
dash-placeholder.svg
Normal file
84
dash-placeholder.svg
Normal file
|
|
@ -0,0 +1,84 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="76"
|
||||||
|
height="27"
|
||||||
|
id="svg11252"
|
||||||
|
version="1.1">
|
||||||
|
<defs
|
||||||
|
id="defs11254">
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient39563-4-2"
|
||||||
|
id="radialGradient68155-2-3"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1,0,0,0.3486842,0,317.8421)"
|
||||||
|
cx="49"
|
||||||
|
cy="488"
|
||||||
|
fx="49"
|
||||||
|
fy="488"
|
||||||
|
r="38" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient39563-4-2">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop39565-1-4" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop39567-7-9" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient39573-6-1"
|
||||||
|
id="radialGradient68157-0-8"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
cx="50.5"
|
||||||
|
cy="487.5"
|
||||||
|
fx="50.5"
|
||||||
|
fy="487.5"
|
||||||
|
r="10.5" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient39573-6-1">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop39575-5-6" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop39577-1-2" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g
|
||||||
|
id="layer1"
|
||||||
|
transform="translate(-337,-518.86218)">
|
||||||
|
<g
|
||||||
|
id="g99967"
|
||||||
|
style="display:inline"
|
||||||
|
transform="translate(326,44.862171)">
|
||||||
|
<rect
|
||||||
|
style="opacity:0.49375;color:#000000;fill:url(#radialGradient68155-2-3);fill-opacity:1;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
|
||||||
|
id="rect99969"
|
||||||
|
width="76"
|
||||||
|
height="2"
|
||||||
|
x="11"
|
||||||
|
y="487"
|
||||||
|
rx="0"
|
||||||
|
ry="0" />
|
||||||
|
<path
|
||||||
|
style="opacity:0.43125;color:#000000;fill:url(#radialGradient68157-0-8);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate"
|
||||||
|
id="path99971"
|
||||||
|
d="M 61,487.5 C 61,493.29899 56.29899,498 50.5,498 44.70101,498 40,493.29899 40,487.5 40,481.70101 44.70101,477 50.5,477 c 5.79899,0 10.5,4.70101 10.5,10.5 z"
|
||||||
|
transform="matrix(1.2857143,0,0,1.2857143,-14.428572,-139.28571)" />
|
||||||
|
<path
|
||||||
|
transform="matrix(0.43589747,0,0,0.43589747,28.487179,275)"
|
||||||
|
d="M 61,487.5 C 61,493.29899 56.29899,498 50.5,498 44.70101,498 40,493.29899 40,487.5 40,481.70101 44.70101,477 50.5,477 c 5.79899,0 10.5,4.70101 10.5,10.5 z"
|
||||||
|
id="path99973"
|
||||||
|
style="color:#000000;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.9 KiB |
33
gnome-shell-high-contrast.scss
Normal file
33
gnome-shell-high-contrast.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
||||||
|
$variant: 'dark';
|
||||||
|
|
||||||
|
@import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors
|
||||||
|
@import "gnome-shell-sass/_drawing";
|
||||||
|
@import "gnome-shell-sass/_common";
|
||||||
|
@import "gnome-shell-sass/_widgets";
|
||||||
|
|
||||||
|
.toggle-switch { width: 48px; }
|
||||||
|
.toggle-switch {
|
||||||
|
background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg");
|
||||||
|
&:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
//force opaque panel
|
||||||
|
#panel {
|
||||||
|
&.login-screen,
|
||||||
|
&.unlock-screen,
|
||||||
|
&:overview {
|
||||||
|
background-color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-button {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//thumbnail app icons no dropshadow and forced color
|
||||||
|
.window-picker .icon-dropshadow {
|
||||||
|
icon-shadow: none;
|
||||||
|
background-color: $osd_bg_color;
|
||||||
|
padding: $base_padding * 2;
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
}
|
||||||
339
gnome-shell-sass/COPYING
Normal file
339
gnome-shell-sass/COPYING
Normal file
|
|
@ -0,0 +1,339 @@
|
||||||
|
GNU GENERAL PUBLIC LICENSE
|
||||||
|
Version 2, June 1991
|
||||||
|
|
||||||
|
Copyright (C) 1989, 1991 Free Software Foundation, Inc. <http://fsf.org>
|
||||||
|
Everyone is permitted to copy and distribute verbatim copies
|
||||||
|
of this license document, but changing it is not allowed.
|
||||||
|
|
||||||
|
Preamble
|
||||||
|
|
||||||
|
The licenses for most software are designed to take away your
|
||||||
|
freedom to share and change it. By contrast, the GNU General Public
|
||||||
|
License is intended to guarantee your freedom to share and change free
|
||||||
|
software--to make sure the software is free for all its users. This
|
||||||
|
General Public License applies to most of the Free Software
|
||||||
|
Foundation's software and to any other program whose authors commit to
|
||||||
|
using it. (Some other Free Software Foundation software is covered by
|
||||||
|
the GNU Library General Public License instead.) You can apply it to
|
||||||
|
your programs, too.
|
||||||
|
|
||||||
|
When we speak of free software, we are referring to freedom, not
|
||||||
|
price. Our General Public Licenses are designed to make sure that you
|
||||||
|
have the freedom to distribute copies of free software (and charge for
|
||||||
|
this service if you wish), that you receive source code or can get it
|
||||||
|
if you want it, that you can change the software or use pieces of it
|
||||||
|
in new free programs; and that you know you can do these things.
|
||||||
|
|
||||||
|
To protect your rights, we need to make restrictions that forbid
|
||||||
|
anyone to deny you these rights or to ask you to surrender the rights.
|
||||||
|
These restrictions translate to certain responsibilities for you if you
|
||||||
|
distribute copies of the software, or if you modify it.
|
||||||
|
|
||||||
|
For example, if you distribute copies of such a program, whether
|
||||||
|
gratis or for a fee, you must give the recipients all the rights that
|
||||||
|
you have. You must make sure that they, too, receive or can get the
|
||||||
|
source code. And you must show them these terms so they know their
|
||||||
|
rights.
|
||||||
|
|
||||||
|
We protect your rights with two steps: (1) copyright the software, and
|
||||||
|
(2) offer you this license which gives you legal permission to copy,
|
||||||
|
distribute and/or modify the software.
|
||||||
|
|
||||||
|
Also, for each author's protection and ours, we want to make certain
|
||||||
|
that everyone understands that there is no warranty for this free
|
||||||
|
software. If the software is modified by someone else and passed on, we
|
||||||
|
want its recipients to know that what they have is not the original, so
|
||||||
|
that any problems introduced by others will not reflect on the original
|
||||||
|
authors' reputations.
|
||||||
|
|
||||||
|
Finally, any free program is threatened constantly by software
|
||||||
|
patents. We wish to avoid the danger that redistributors of a free
|
||||||
|
program will individually obtain patent licenses, in effect making the
|
||||||
|
program proprietary. To prevent this, we have made it clear that any
|
||||||
|
patent must be licensed for everyone's free use or not licensed at all.
|
||||||
|
|
||||||
|
The precise terms and conditions for copying, distribution and
|
||||||
|
modification follow.
|
||||||
|
|
||||||
|
GNU GENERAL PUBLIC LICENSE
|
||||||
|
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
|
||||||
|
|
||||||
|
0. This License applies to any program or other work which contains
|
||||||
|
a notice placed by the copyright holder saying it may be distributed
|
||||||
|
under the terms of this General Public License. The "Program", below,
|
||||||
|
refers to any such program or work, and a "work based on the Program"
|
||||||
|
means either the Program or any derivative work under copyright law:
|
||||||
|
that is to say, a work containing the Program or a portion of it,
|
||||||
|
either verbatim or with modifications and/or translated into another
|
||||||
|
language. (Hereinafter, translation is included without limitation in
|
||||||
|
the term "modification".) Each licensee is addressed as "you".
|
||||||
|
|
||||||
|
Activities other than copying, distribution and modification are not
|
||||||
|
covered by this License; they are outside its scope. The act of
|
||||||
|
running the Program is not restricted, and the output from the Program
|
||||||
|
is covered only if its contents constitute a work based on the
|
||||||
|
Program (independent of having been made by running the Program).
|
||||||
|
Whether that is true depends on what the Program does.
|
||||||
|
|
||||||
|
1. You may copy and distribute verbatim copies of the Program's
|
||||||
|
source code as you receive it, in any medium, provided that you
|
||||||
|
conspicuously and appropriately publish on each copy an appropriate
|
||||||
|
copyright notice and disclaimer of warranty; keep intact all the
|
||||||
|
notices that refer to this License and to the absence of any warranty;
|
||||||
|
and give any other recipients of the Program a copy of this License
|
||||||
|
along with the Program.
|
||||||
|
|
||||||
|
You may charge a fee for the physical act of transferring a copy, and
|
||||||
|
you may at your option offer warranty protection in exchange for a fee.
|
||||||
|
|
||||||
|
2. You may modify your copy or copies of the Program or any portion
|
||||||
|
of it, thus forming a work based on the Program, and copy and
|
||||||
|
distribute such modifications or work under the terms of Section 1
|
||||||
|
above, provided that you also meet all of these conditions:
|
||||||
|
|
||||||
|
a) You must cause the modified files to carry prominent notices
|
||||||
|
stating that you changed the files and the date of any change.
|
||||||
|
|
||||||
|
b) You must cause any work that you distribute or publish, that in
|
||||||
|
whole or in part contains or is derived from the Program or any
|
||||||
|
part thereof, to be licensed as a whole at no charge to all third
|
||||||
|
parties under the terms of this License.
|
||||||
|
|
||||||
|
c) If the modified program normally reads commands interactively
|
||||||
|
when run, you must cause it, when started running for such
|
||||||
|
interactive use in the most ordinary way, to print or display an
|
||||||
|
announcement including an appropriate copyright notice and a
|
||||||
|
notice that there is no warranty (or else, saying that you provide
|
||||||
|
a warranty) and that users may redistribute the program under
|
||||||
|
these conditions, and telling the user how to view a copy of this
|
||||||
|
License. (Exception: if the Program itself is interactive but
|
||||||
|
does not normally print such an announcement, your work based on
|
||||||
|
the Program is not required to print an announcement.)
|
||||||
|
|
||||||
|
These requirements apply to the modified work as a whole. If
|
||||||
|
identifiable sections of that work are not derived from the Program,
|
||||||
|
and can be reasonably considered independent and separate works in
|
||||||
|
themselves, then this License, and its terms, do not apply to those
|
||||||
|
sections when you distribute them as separate works. But when you
|
||||||
|
distribute the same sections as part of a whole which is a work based
|
||||||
|
on the Program, the distribution of the whole must be on the terms of
|
||||||
|
this License, whose permissions for other licensees extend to the
|
||||||
|
entire whole, and thus to each and every part regardless of who wrote it.
|
||||||
|
|
||||||
|
Thus, it is not the intent of this section to claim rights or contest
|
||||||
|
your rights to work written entirely by you; rather, the intent is to
|
||||||
|
exercise the right to control the distribution of derivative or
|
||||||
|
collective works based on the Program.
|
||||||
|
|
||||||
|
In addition, mere aggregation of another work not based on the Program
|
||||||
|
with the Program (or with a work based on the Program) on a volume of
|
||||||
|
a storage or distribution medium does not bring the other work under
|
||||||
|
the scope of this License.
|
||||||
|
|
||||||
|
3. You may copy and distribute the Program (or a work based on it,
|
||||||
|
under Section 2) in object code or executable form under the terms of
|
||||||
|
Sections 1 and 2 above provided that you also do one of the following:
|
||||||
|
|
||||||
|
a) Accompany it with the complete corresponding machine-readable
|
||||||
|
source code, which must be distributed under the terms of Sections
|
||||||
|
1 and 2 above on a medium customarily used for software interchange; or,
|
||||||
|
|
||||||
|
b) Accompany it with a written offer, valid for at least three
|
||||||
|
years, to give any third party, for a charge no more than your
|
||||||
|
cost of physically performing source distribution, a complete
|
||||||
|
machine-readable copy of the corresponding source code, to be
|
||||||
|
distributed under the terms of Sections 1 and 2 above on a medium
|
||||||
|
customarily used for software interchange; or,
|
||||||
|
|
||||||
|
c) Accompany it with the information you received as to the offer
|
||||||
|
to distribute corresponding source code. (This alternative is
|
||||||
|
allowed only for noncommercial distribution and only if you
|
||||||
|
received the program in object code or executable form with such
|
||||||
|
an offer, in accord with Subsection b above.)
|
||||||
|
|
||||||
|
The source code for a work means the preferred form of the work for
|
||||||
|
making modifications to it. For an executable work, complete source
|
||||||
|
code means all the source code for all modules it contains, plus any
|
||||||
|
associated interface definition files, plus the scripts used to
|
||||||
|
control compilation and installation of the executable. However, as a
|
||||||
|
special exception, the source code distributed need not include
|
||||||
|
anything that is normally distributed (in either source or binary
|
||||||
|
form) with the major components (compiler, kernel, and so on) of the
|
||||||
|
operating system on which the executable runs, unless that component
|
||||||
|
itself accompanies the executable.
|
||||||
|
|
||||||
|
If distribution of executable or object code is made by offering
|
||||||
|
access to copy from a designated place, then offering equivalent
|
||||||
|
access to copy the source code from the same place counts as
|
||||||
|
distribution of the source code, even though third parties are not
|
||||||
|
compelled to copy the source along with the object code.
|
||||||
|
|
||||||
|
4. You may not copy, modify, sublicense, or distribute the Program
|
||||||
|
except as expressly provided under this License. Any attempt
|
||||||
|
otherwise to copy, modify, sublicense or distribute the Program is
|
||||||
|
void, and will automatically terminate your rights under this License.
|
||||||
|
However, parties who have received copies, or rights, from you under
|
||||||
|
this License will not have their licenses terminated so long as such
|
||||||
|
parties remain in full compliance.
|
||||||
|
|
||||||
|
5. You are not required to accept this License, since you have not
|
||||||
|
signed it. However, nothing else grants you permission to modify or
|
||||||
|
distribute the Program or its derivative works. These actions are
|
||||||
|
prohibited by law if you do not accept this License. Therefore, by
|
||||||
|
modifying or distributing the Program (or any work based on the
|
||||||
|
Program), you indicate your acceptance of this License to do so, and
|
||||||
|
all its terms and conditions for copying, distributing or modifying
|
||||||
|
the Program or works based on it.
|
||||||
|
|
||||||
|
6. Each time you redistribute the Program (or any work based on the
|
||||||
|
Program), the recipient automatically receives a license from the
|
||||||
|
original licensor to copy, distribute or modify the Program subject to
|
||||||
|
these terms and conditions. You may not impose any further
|
||||||
|
restrictions on the recipients' exercise of the rights granted herein.
|
||||||
|
You are not responsible for enforcing compliance by third parties to
|
||||||
|
this License.
|
||||||
|
|
||||||
|
7. If, as a consequence of a court judgment or allegation of patent
|
||||||
|
infringement or for any other reason (not limited to patent issues),
|
||||||
|
conditions are imposed on you (whether by court order, agreement or
|
||||||
|
otherwise) that contradict the conditions of this License, they do not
|
||||||
|
excuse you from the conditions of this License. If you cannot
|
||||||
|
distribute so as to satisfy simultaneously your obligations under this
|
||||||
|
License and any other pertinent obligations, then as a consequence you
|
||||||
|
may not distribute the Program at all. For example, if a patent
|
||||||
|
license would not permit royalty-free redistribution of the Program by
|
||||||
|
all those who receive copies directly or indirectly through you, then
|
||||||
|
the only way you could satisfy both it and this License would be to
|
||||||
|
refrain entirely from distribution of the Program.
|
||||||
|
|
||||||
|
If any portion of this section is held invalid or unenforceable under
|
||||||
|
any particular circumstance, the balance of the section is intended to
|
||||||
|
apply and the section as a whole is intended to apply in other
|
||||||
|
circumstances.
|
||||||
|
|
||||||
|
It is not the purpose of this section to induce you to infringe any
|
||||||
|
patents or other property right claims or to contest validity of any
|
||||||
|
such claims; this section has the sole purpose of protecting the
|
||||||
|
integrity of the free software distribution system, which is
|
||||||
|
implemented by public license practices. Many people have made
|
||||||
|
generous contributions to the wide range of software distributed
|
||||||
|
through that system in reliance on consistent application of that
|
||||||
|
system; it is up to the author/donor to decide if he or she is willing
|
||||||
|
to distribute software through any other system and a licensee cannot
|
||||||
|
impose that choice.
|
||||||
|
|
||||||
|
This section is intended to make thoroughly clear what is believed to
|
||||||
|
be a consequence of the rest of this License.
|
||||||
|
|
||||||
|
8. If the distribution and/or use of the Program is restricted in
|
||||||
|
certain countries either by patents or by copyrighted interfaces, the
|
||||||
|
original copyright holder who places the Program under this License
|
||||||
|
may add an explicit geographical distribution limitation excluding
|
||||||
|
those countries, so that distribution is permitted only in or among
|
||||||
|
countries not thus excluded. In such case, this License incorporates
|
||||||
|
the limitation as if written in the body of this License.
|
||||||
|
|
||||||
|
9. The Free Software Foundation may publish revised and/or new versions
|
||||||
|
of the General Public License from time to time. Such new versions will
|
||||||
|
be similar in spirit to the present version, but may differ in detail to
|
||||||
|
address new problems or concerns.
|
||||||
|
|
||||||
|
Each version is given a distinguishing version number. If the Program
|
||||||
|
specifies a version number of this License which applies to it and "any
|
||||||
|
later version", you have the option of following the terms and conditions
|
||||||
|
either of that version or of any later version published by the Free
|
||||||
|
Software Foundation. If the Program does not specify a version number of
|
||||||
|
this License, you may choose any version ever published by the Free Software
|
||||||
|
Foundation.
|
||||||
|
|
||||||
|
10. If you wish to incorporate parts of the Program into other free
|
||||||
|
programs whose distribution conditions are different, write to the author
|
||||||
|
to ask for permission. For software which is copyrighted by the Free
|
||||||
|
Software Foundation, write to the Free Software Foundation; we sometimes
|
||||||
|
make exceptions for this. Our decision will be guided by the two goals
|
||||||
|
of preserving the free status of all derivatives of our free software and
|
||||||
|
of promoting the sharing and reuse of software generally.
|
||||||
|
|
||||||
|
NO WARRANTY
|
||||||
|
|
||||||
|
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
|
||||||
|
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
|
||||||
|
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
|
||||||
|
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
|
||||||
|
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
|
||||||
|
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
|
||||||
|
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
|
||||||
|
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
|
||||||
|
REPAIR OR CORRECTION.
|
||||||
|
|
||||||
|
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
|
||||||
|
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
|
||||||
|
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
|
||||||
|
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
|
||||||
|
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
|
||||||
|
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
|
||||||
|
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
|
||||||
|
POSSIBILITY OF SUCH DAMAGES.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
How to Apply These Terms to Your New Programs
|
||||||
|
|
||||||
|
If you develop a new program, and you want it to be of the greatest
|
||||||
|
possible use to the public, the best way to achieve this is to make it
|
||||||
|
free software which everyone can redistribute and change under these terms.
|
||||||
|
|
||||||
|
To do so, attach the following notices to the program. It is safest
|
||||||
|
to attach them to the start of each source file to most effectively
|
||||||
|
convey the exclusion of warranty; and each file should have at least
|
||||||
|
the "copyright" line and a pointer to where the full notice is found.
|
||||||
|
|
||||||
|
<one line to give the program's name and a brief idea of what it does.>
|
||||||
|
Copyright (C) <year> <name of author>
|
||||||
|
|
||||||
|
This program is free software; you can redistribute it and/or modify
|
||||||
|
it under the terms of the GNU General Public License as published by
|
||||||
|
the Free Software Foundation; either version 2 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
You should have received a copy of the GNU General Public License
|
||||||
|
along with this program; if not, write to the Free Software
|
||||||
|
Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA 02111-1307 USA
|
||||||
|
|
||||||
|
|
||||||
|
Also add information on how to contact you by electronic and paper mail.
|
||||||
|
|
||||||
|
If the program is interactive, make it output a short notice like this
|
||||||
|
when it starts in an interactive mode:
|
||||||
|
|
||||||
|
Gnomovision version 69, Copyright (C) year name of author
|
||||||
|
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
|
||||||
|
This is free software, and you are welcome to redistribute it
|
||||||
|
under certain conditions; type `show c' for details.
|
||||||
|
|
||||||
|
The hypothetical commands `show w' and `show c' should show the appropriate
|
||||||
|
parts of the General Public License. Of course, the commands you use may
|
||||||
|
be called something other than `show w' and `show c'; they could even be
|
||||||
|
mouse-clicks or menu items--whatever suits your program.
|
||||||
|
|
||||||
|
You should also get your employer (if you work as a programmer) or your
|
||||||
|
school, if any, to sign a "copyright disclaimer" for the program, if
|
||||||
|
necessary. Here is a sample; alter the names:
|
||||||
|
|
||||||
|
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
|
||||||
|
`Gnomovision' (which makes passes at compilers) written by James Hacker.
|
||||||
|
|
||||||
|
<signature of Ty Coon>, 1 April 1989
|
||||||
|
Ty Coon, President of Vice
|
||||||
|
|
||||||
|
This General Public License does not permit incorporating your program into
|
||||||
|
proprietary programs. If your program is a subroutine library, you may
|
||||||
|
consider it more useful to permit linking proprietary applications with the
|
||||||
|
library. If this is what you want to do, use the GNU Library General
|
||||||
|
Public License instead of this License.
|
||||||
0
gnome-shell-sass/NEWS
Normal file
0
gnome-shell-sass/NEWS
Normal file
16
gnome-shell-sass/README.md
Normal file
16
gnome-shell-sass/README.md
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
# GNOME Shell Sass
|
||||||
|
GNOME Shell Sass is a project intended to allow the sharing of the
|
||||||
|
theme sources in sass between gnome-shell and other projects like
|
||||||
|
gnome-shell-extensions.
|
||||||
|
|
||||||
|
Any changes should be done in the [GNOME Shell subtree][shell-subtree]
|
||||||
|
and not the stand-alone [gnome-shell-sass repository][sass-repo]. They
|
||||||
|
will then be synchronized periodically before releases.
|
||||||
|
|
||||||
|
## License
|
||||||
|
GNOME Shell Sass is distributed under the terms of the GNU General Public
|
||||||
|
License, version 2 or later. See the [COPYING][license] file for details.
|
||||||
|
|
||||||
|
[shell-subtree]: https://gitlab.gnome.org/GNOME/gnome-shell/tree/HEAD/data/theme/gnome-shell-sass
|
||||||
|
[sass-repo]: https://gitlab.gnome.org/GNOME/gnome-shell-sass
|
||||||
|
[license]: COPYING
|
||||||
74
gnome-shell-sass/_colors.scss
Normal file
74
gnome-shell-sass/_colors.scss
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
// When color definition differs for dark and light variant,
|
||||||
|
// it gets @if-ed depending on $variant
|
||||||
|
|
||||||
|
@import '_palette.scss';
|
||||||
|
|
||||||
|
$is_highcontrast:false;
|
||||||
|
|
||||||
|
// base color for light theme
|
||||||
|
$_dark_base_color: desaturate($dark_4, 100%);
|
||||||
|
|
||||||
|
$base_color: if($variant == 'light', $light_1, $_dark_base_color);
|
||||||
|
$bg_color: if($variant == 'light', $light_2, lighten($base_color, 5%));
|
||||||
|
$fg_color: if($variant == 'light', $_dark_base_color, white);
|
||||||
|
|
||||||
|
$selected_fg_color: $light_1;
|
||||||
|
$selected_bg_color: $blue_3;
|
||||||
|
$selected_borders_color: if($variant== 'light', darken($selected_bg_color, 15%), darken($selected_bg_color, 20%));
|
||||||
|
|
||||||
|
$borders_color: if($variant == 'light', transparentize($fg_color, .85), transparentize($fg_color, .9));
|
||||||
|
$outer_borders_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
|
||||||
|
|
||||||
|
$link_color: if($variant == 'light', darken($selected_bg_color, 10%), lighten($selected_bg_color, 20%));
|
||||||
|
$link_visited_color: if($variant == 'light', darken($selected_bg_color, 20%), lighten($selected_bg_color, 10%));
|
||||||
|
|
||||||
|
$warning_color: if($variant == 'light', $yellow_5, $yellow_3);
|
||||||
|
$error_color: if($variant == 'light', $red_3, $red_4);
|
||||||
|
$success_color: if($variant == 'light', $green_4, $green_5);
|
||||||
|
$destructive_color: $error_color;
|
||||||
|
|
||||||
|
// color definitions for OSD elements
|
||||||
|
$osd_fg_color: if($variant == 'light', $_dark_base_color, $light_1);
|
||||||
|
$osd_bg_color: if($variant == 'light', $light_3, lighten($_dark_base_color, 5%));
|
||||||
|
|
||||||
|
// derived osd colors
|
||||||
|
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
|
||||||
|
$osd_insensitive_fg_color: mix($osd_fg_color, $osd_bg_color, 70%);
|
||||||
|
$osd_borders_color: transparentize($osd_fg_color, 0.9);
|
||||||
|
$osd_outer_borders_color: transparentize($osd_fg_color, 0.98);
|
||||||
|
|
||||||
|
$shadow_color: if($variant == 'light', rgba(0,0,0,.05), rgba(0,0,0,0.2));
|
||||||
|
|
||||||
|
// buttons
|
||||||
|
$button_mix_factor: if($variant == 'light', 12%, 9%);
|
||||||
|
|
||||||
|
// notifications
|
||||||
|
$bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
|
||||||
|
|
||||||
|
// color definitions for system elements (e.g. the overview)
|
||||||
|
$system_base_color: $_dark_base_color; // always dark
|
||||||
|
$system_fg_color: $light_2;
|
||||||
|
|
||||||
|
// derived system colors
|
||||||
|
$system_bg_color: lighten($system_base_color, 5%);
|
||||||
|
$system_borders_color: transparentize($system_fg_color, .9);
|
||||||
|
$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
|
||||||
|
$system_overlay_bg_color: mix($system_base_color, $system_fg_color, 90%); // for non-transparent items, e.g. dash
|
||||||
|
|
||||||
|
// derived global colors
|
||||||
|
// insensitive state
|
||||||
|
$insensitive_fg_color: if($variant == 'light', mix($fg_color, $bg_color, 60%), mix($fg_color, $bg_color, 50%));
|
||||||
|
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
||||||
|
$insensitive_borders_color: mix($borders_color, $base_color, 60%);
|
||||||
|
|
||||||
|
// checked state
|
||||||
|
$checked_bg_color: if($variant=='light', darken($bg_color, 7%), lighten($bg_color, 7%));
|
||||||
|
$checked_fg_color: if($variant=='light', darken($fg_color, 7%), lighten($fg_color, 7%));
|
||||||
|
|
||||||
|
// hover state
|
||||||
|
$hover_bg_color: if($variant=='light', darken($bg_color,9%), lighten($bg_color, 10%));
|
||||||
|
$hover_fg_color: if($variant=='light', darken($fg_color,9%), lighten($fg_color, 10%));
|
||||||
|
|
||||||
|
// active state
|
||||||
|
$active_bg_color: if($variant=='light', darken($bg_color, 11%), lighten($bg_color, 12%));
|
||||||
|
$active_fg_color: if($variant=='light', darken($fg_color, 11%), lighten($fg_color, 12%));
|
||||||
293
gnome-shell-sass/_common.scss
Normal file
293
gnome-shell-sass/_common.scss
Normal file
|
|
@ -0,0 +1,293 @@
|
||||||
|
//This is the RIGHT PLACE to edit the stylesheet
|
||||||
|
|
||||||
|
//let's start by telling people not to edit the generated CSS:
|
||||||
|
$cakeisalie: "This stylesheet is generated, DO NOT EDIT";
|
||||||
|
/* #{$cakeisalie} */
|
||||||
|
|
||||||
|
/* 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.
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* Global Values */
|
||||||
|
|
||||||
|
// padding, margin and spacing
|
||||||
|
$base_padding: 6px;
|
||||||
|
$base_margin: 4px;
|
||||||
|
|
||||||
|
// border radii
|
||||||
|
$base_border_radius: 8px;
|
||||||
|
|
||||||
|
// radii of things that display over other things, e.g. popovers
|
||||||
|
$modal_radius: $base_border_radius*2; // 24px
|
||||||
|
|
||||||
|
// Chroma key to flag when a background-color is always occluded, not visible.
|
||||||
|
// This allows any box-shadow behind it to be rendered more efficiently by
|
||||||
|
// omitting the middle rectangle.
|
||||||
|
$invisible_occluded_bg_color: rgba(3,2,1,0);
|
||||||
|
|
||||||
|
// fonts
|
||||||
|
$base_font_size: 11;
|
||||||
|
$text_shadow_color: if($variant == 'light', rgba(255,255,255,0.3), rgba(0,0,0,0.2));
|
||||||
|
|
||||||
|
// icons
|
||||||
|
$base_icon_size: 1.09em;
|
||||||
|
$large_icon_size: $base_icon_size*2; // 32px
|
||||||
|
// $base_icon_size: 16px;
|
||||||
|
|
||||||
|
// Stage
|
||||||
|
stage {
|
||||||
|
@include fontsize($base_font_size);
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Common Stylings */
|
||||||
|
|
||||||
|
// icon tiles
|
||||||
|
%tile {
|
||||||
|
border-radius: $base_border_radius * 2; // 16px
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
transition-duration: 200ms;
|
||||||
|
text-align: center;
|
||||||
|
color: inherit;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border-color: $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// normal button styling
|
||||||
|
%button_common {
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: $base_padding*.5 $base_padding*4;
|
||||||
|
}
|
||||||
|
|
||||||
|
%button {
|
||||||
|
@extend %button_common;
|
||||||
|
@include button(normal);
|
||||||
|
&:focus { @include button(focus);}
|
||||||
|
&:hover { @include button(hover);}
|
||||||
|
&:insensitive { @include button(insensitive);}
|
||||||
|
&:selected,
|
||||||
|
&:active { @include button(active);}
|
||||||
|
&:checked { @include button(checked);}
|
||||||
|
|
||||||
|
&.flat {
|
||||||
|
@include button(normal, $flat:true);
|
||||||
|
&:focus { @include button(focus, $flat:true);}
|
||||||
|
&:hover { @include button(hover, $flat:true);}
|
||||||
|
&:insensitive { @include button(insensitive, $flat:true);}
|
||||||
|
&:selected,
|
||||||
|
&:active { @include button(active, $flat:true);}
|
||||||
|
&:checked { @include button(checked, $flat:true);}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// normal entry style
|
||||||
|
%entry_common {
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
padding: $base_padding*1.5 $base_padding*1.5;
|
||||||
|
selection-background-color: $selected_bg_color;
|
||||||
|
selected-color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
%entry {
|
||||||
|
@extend %entry_common;
|
||||||
|
@include entry(normal, $c:$fg_color);
|
||||||
|
&:hover { @include entry(hover, $c:$fg_color);}
|
||||||
|
&:focus { @include entry(focus, $c:$fg_color);}
|
||||||
|
&:insensitive { @include entry(insensitive, $c:$fg_color);}
|
||||||
|
|
||||||
|
StLabel.hint-text {
|
||||||
|
color: transparentize($fg_color, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// buttons in dialogs/notifications
|
||||||
|
// lighter in color and have a greater radius
|
||||||
|
%bubble_button {
|
||||||
|
padding: $base_padding * 2;
|
||||||
|
font-weight: bold !important;
|
||||||
|
|
||||||
|
&:ltr {margin-right: 1px;}
|
||||||
|
&:rtl {margin-left: 1px;}
|
||||||
|
|
||||||
|
@include button(normal, $c:$bubble_buttons_color);
|
||||||
|
&:insensitive { @include button(insensitive, $c:$bubble_buttons_color);}
|
||||||
|
&:focus { @include button(focus, $c:$bubble_buttons_color);}
|
||||||
|
&:hover { @include button(hover, $c:$bubble_buttons_color);}
|
||||||
|
&:active { @include button(active, $c:$bubble_buttons_color);}
|
||||||
|
&:checked { @include button(checked, $c:$bubble_buttons_color);}
|
||||||
|
|
||||||
|
&:first-child:ltr {
|
||||||
|
border-radius: 0 0 0 $modal_radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child:ltr {
|
||||||
|
border-radius: 0 0 $modal_radius;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-child:rtl {
|
||||||
|
border-radius: 0 0 $modal_radius;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:last-child:rtl {
|
||||||
|
border-radius: 0 0 0 $modal_radius;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:first-child:last-child {
|
||||||
|
border-radius: 0 0 $modal_radius $modal_radius;
|
||||||
|
margin-left: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// tooltip
|
||||||
|
%tooltip {
|
||||||
|
background-color: transparentize(black, 0.1);
|
||||||
|
color: $light_1;
|
||||||
|
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding $base_padding * 2;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border-color: $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* General Typography */
|
||||||
|
%large_title {
|
||||||
|
font-weight: 300;
|
||||||
|
@include fontsize(24);
|
||||||
|
}
|
||||||
|
|
||||||
|
%title_1 {
|
||||||
|
font-weight: 800;
|
||||||
|
@include fontsize(20);
|
||||||
|
}
|
||||||
|
|
||||||
|
%title_2 {
|
||||||
|
font-weight: 800;
|
||||||
|
@include fontsize(15);
|
||||||
|
}
|
||||||
|
|
||||||
|
%title_3 {
|
||||||
|
font-weight: 700;
|
||||||
|
@include fontsize(15);
|
||||||
|
}
|
||||||
|
|
||||||
|
%title_4 {
|
||||||
|
font-weight: 700;
|
||||||
|
@include fontsize(13);
|
||||||
|
}
|
||||||
|
|
||||||
|
%heading {
|
||||||
|
font-weight: 700;
|
||||||
|
@include fontsize(11);
|
||||||
|
}
|
||||||
|
|
||||||
|
%caption_heading {
|
||||||
|
font-weight: 700;
|
||||||
|
@include fontsize(9);
|
||||||
|
}
|
||||||
|
|
||||||
|
%caption {
|
||||||
|
font-weight: 400;
|
||||||
|
@include fontsize(9);
|
||||||
|
}
|
||||||
|
|
||||||
|
%smaller {
|
||||||
|
font-weight: 400;
|
||||||
|
@include fontsize(8);
|
||||||
|
}
|
||||||
|
|
||||||
|
%monospace {font-family: monospace;}
|
||||||
|
%numeric { font-feature-settings: "tnum";}
|
||||||
|
|
||||||
|
|
||||||
|
/* OSD Elements */
|
||||||
|
%osd_panel {
|
||||||
|
color: $osd_fg_color;
|
||||||
|
background-color: $osd_bg_color;
|
||||||
|
border: 1px solid $osd_outer_borders_color;
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 2px solid $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// entries
|
||||||
|
%osd_entry {
|
||||||
|
@extend %entry_common;
|
||||||
|
@include entry(normal, $c:$osd_fg_color,);
|
||||||
|
&:hover { @include entry(hover, $c:$osd_fg_color,);}
|
||||||
|
&:focus { @include entry(focus, $c:$osd_fg_color,);}
|
||||||
|
&:insensitive { @include entry(insensitive, $c:$osd_fg_color,);}
|
||||||
|
|
||||||
|
StLabel.hint-text {color: transparentize($osd_fg_color, 0.3); }
|
||||||
|
}
|
||||||
|
|
||||||
|
// buttons on OSD elements
|
||||||
|
%osd_button {
|
||||||
|
@extend %button_common;
|
||||||
|
@include button(normal, $tc:$osd_fg_color, $c:$osd_bg_color);
|
||||||
|
&:insensitive { @include button(insensitive, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
&:focus { @include button(focus, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
&:hover { @include button(hover, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
&:active { @include button(active, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
&:outlined,&:checked { @include button(checked, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
}
|
||||||
|
|
||||||
|
%osd_button_flat {
|
||||||
|
@extend %osd_button;
|
||||||
|
@include button(undecorated);
|
||||||
|
&:insensitive { @include button(undecorated, $tc:$osd_fg_color, $c:$osd_bg_color);}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* System Elements */
|
||||||
|
|
||||||
|
// entries
|
||||||
|
%system_entry {
|
||||||
|
@extend %entry_common;
|
||||||
|
@include entry(normal, $c:$system_fg_color,);
|
||||||
|
&:hover { @include entry(hover, $c:$system_fg_color,);}
|
||||||
|
&:focus { @include entry(focus, $c:$system_fg_color,);}
|
||||||
|
&:insensitive { @include entry(insensitive, $c:$system_fg_color,);}
|
||||||
|
|
||||||
|
StLabel.hint-text { color: transparentize($system_fg_color, 0.3);}
|
||||||
|
}
|
||||||
|
|
||||||
|
// buttons
|
||||||
|
%system_button {
|
||||||
|
@include button(normal, $tc:$system_fg_color, $c:$system_bg_color);
|
||||||
|
&:insensitive { @include button(insensitive, $tc:$system_fg_color, $c:$system_bg_color);}
|
||||||
|
&:focus { @include button(focus, $tc:$system_fg_color, $c:$system_bg_color);}
|
||||||
|
&:hover { @include button(hover, $tc:$system_fg_color, $c:$system_bg_color);}
|
||||||
|
&:active { @include button(active, $tc:$system_fg_color, $c:$system_bg_color);}
|
||||||
|
&:outlined,&:checked { @include button(checked, $tc:$system_fg_color, $c:$system_bg_color);}
|
||||||
|
}
|
||||||
362
gnome-shell-sass/_drawing.scss
Normal file
362
gnome-shell-sass/_drawing.scss
Normal file
|
|
@ -0,0 +1,362 @@
|
||||||
|
// Drawing mixins
|
||||||
|
|
||||||
|
// generic drawing of more complex things
|
||||||
|
|
||||||
|
@function draw_widget_edge($c:$outer_borders_color) {
|
||||||
|
// outer highlight "used" on most widgets
|
||||||
|
@return 0 1px $c;
|
||||||
|
}
|
||||||
|
|
||||||
|
// provide font size in rem, with px fallback
|
||||||
|
@mixin fontsize($size: 24, $base: 16) {
|
||||||
|
font-size: round($size) + pt;
|
||||||
|
//font-size: ($size / $base) * 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
@mixin draw_shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
|
||||||
|
//
|
||||||
|
// Helper function to stack up to 4 box-shadows;
|
||||||
|
//
|
||||||
|
@if $shadow4!=none { box-shadow: $shadow1, $shadow2, $shadow3, $shadow4; }
|
||||||
|
@else if $shadow3!=none { box-shadow: $shadow1, $shadow2, $shadow3; }
|
||||||
|
@else if $shadow2!=none { box-shadow: $shadow1, $shadow2; }
|
||||||
|
@else { box-shadow: $shadow1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Text entries
|
||||||
|
@mixin entry($t, $c) {
|
||||||
|
//
|
||||||
|
// Entries drawing function
|
||||||
|
//
|
||||||
|
// $t: entry type
|
||||||
|
// $c: text color, used to derive background color of entries
|
||||||
|
//
|
||||||
|
// possible $t values: normal, focus, insensitive
|
||||||
|
//
|
||||||
|
transition-duration: 100ms;
|
||||||
|
|
||||||
|
@if $t==normal {
|
||||||
|
background-color: transparentize($c, 0.85);
|
||||||
|
color: transparentize($c,0.3);
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow: inset 0 0 0 1px $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $t==focus {
|
||||||
|
background-color: mix(transparentize($c, 0.75), $selected_bg_color, 95%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
|
||||||
|
color: $c;
|
||||||
|
&:hover {}
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $t==hover {
|
||||||
|
background-color: transparentize($c, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $t==insensitive {
|
||||||
|
background-color:transparentize($c, 0.75);
|
||||||
|
color: transparentize($c, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// On-screen Keyboard
|
||||||
|
@mixin keyboard_key($t, $c:$osd_bg_color, $tc:$osd_fg_color) {
|
||||||
|
//
|
||||||
|
// Keyboard key drawing function
|
||||||
|
//
|
||||||
|
// $t: key type,
|
||||||
|
// $c: base key color for colored* types
|
||||||
|
// $tc: optional text color for colored* types
|
||||||
|
//
|
||||||
|
// possible $t values:
|
||||||
|
// normal, hover, active, insensitive, insensitive-active,
|
||||||
|
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||||
|
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||||
|
//
|
||||||
|
|
||||||
|
// normal key
|
||||||
|
@if $t==normal {
|
||||||
|
color: $tc;
|
||||||
|
background-color: lighten($c, 3%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// focused key
|
||||||
|
@if $t==focus {
|
||||||
|
color: $tc;
|
||||||
|
background-color: mix(lighten($c, 3%), $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
|
||||||
|
&:hover {
|
||||||
|
background-color: mix(lighten($c, 8%), $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background-color: mix(lighten($c, 10%), $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// hover key
|
||||||
|
@else if $t==hover {
|
||||||
|
color: $tc;
|
||||||
|
background-color: lighten($c, 7%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// active key
|
||||||
|
@else if $t==active {
|
||||||
|
color: $tc;
|
||||||
|
background-color: lighten($c, 10%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// checked key
|
||||||
|
@else if $t==checked {
|
||||||
|
color: $tc;
|
||||||
|
background-color: lighten($c, 15%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// insensitive key
|
||||||
|
@else if $t==insensitive {
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
background-color: $insensitive_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// reset
|
||||||
|
@else if $t==undecorated {
|
||||||
|
background-color: transparent;
|
||||||
|
background-image: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
//
|
||||||
|
// Button drawing function
|
||||||
|
//
|
||||||
|
// $t: button type,
|
||||||
|
// $c: base button colors, derived from fg_color
|
||||||
|
// $tc: base button colors, derived from fg_color
|
||||||
|
//
|
||||||
|
// possible $t values:
|
||||||
|
// normal, hover, active, insensitive, insensitive-active,
|
||||||
|
// backdrop, backdrop-active, backdrop-insensitive, backdrop-insensitive-active,
|
||||||
|
// osd, osd-hover, osd-active, osd-insensitive, osd-backdrop, undecorated
|
||||||
|
//
|
||||||
|
// since buttons are all flat an borderless now the mixin is simpler
|
||||||
|
|
||||||
|
@mixin button($t, $tc:$fg_color, $c:$bg_color, $flat: false) {
|
||||||
|
|
||||||
|
$button_bg_color: mix($tc, $c, $button_mix_factor);
|
||||||
|
transition-duration: 100ms;
|
||||||
|
|
||||||
|
// normal button
|
||||||
|
@if $t==normal {
|
||||||
|
color: $tc;
|
||||||
|
background-color: $button_bg_color;
|
||||||
|
@if $flat {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow: inset 0 0 0 1px $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// focused button
|
||||||
|
@if $t==focus {
|
||||||
|
color: $tc;
|
||||||
|
background-color: mix($button_bg_color, $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.4) !important;
|
||||||
|
&:hover {
|
||||||
|
background-color: mix(lighten($button_bg_color, 3%), $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3) !important;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background-color: mix(lighten($button_bg_color, 6%), $selected_bg_color, 90%);
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_bg_color, 0.3) !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// hover button
|
||||||
|
@else if $t==hover {
|
||||||
|
color: $tc;
|
||||||
|
background-color: if($variant == 'light', darken($button_bg_color, 3%), lighten($button_bg_color, 3%));
|
||||||
|
|
||||||
|
@if $is_highcontrast == "true" {
|
||||||
|
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 3%);
|
||||||
|
background-color: mix(lighten($button_bg_color, 3%), $button_inset_color, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// active button
|
||||||
|
@else if $t==active {
|
||||||
|
color: $tc;
|
||||||
|
background-color: if($variant == 'light', darken($button_bg_color, 6%), lighten($button_bg_color, 6%));
|
||||||
|
@if $is_highcontrast == "true" {
|
||||||
|
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 6%);
|
||||||
|
background-color: mix(lighten($button_bg_color, 6%), $button_inset_color, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// checked button
|
||||||
|
@else if $t==checked {
|
||||||
|
color: $tc;
|
||||||
|
background-color: if($variant == 'light', darken($button_bg_color, 9%), lighten($button_bg_color, 9%));
|
||||||
|
@if $is_highcontrast == "true" {
|
||||||
|
box-shadow: inset 0 0 0 1px lighten($button_inset_color, 9%);
|
||||||
|
background-color: mix(lighten($button_bg_color, 9%), $button_inset_color, 10%);
|
||||||
|
}
|
||||||
|
&:hover { background-color: lighten($button_bg_color, 12%);}
|
||||||
|
&:active { background-color: lighten($button_bg_color, 15%);}
|
||||||
|
}
|
||||||
|
|
||||||
|
// insensitive button
|
||||||
|
@else if $t==insensitive {
|
||||||
|
color: transparentize($tc, 0.5);
|
||||||
|
background-color: transparentize($tc, .95);
|
||||||
|
}
|
||||||
|
|
||||||
|
// default/suggested button
|
||||||
|
@else if $t==default {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
box-shadow: inset 0 0 0 2px transparentize($selected_fg_color, .4) !important;
|
||||||
|
}
|
||||||
|
&:hover, &:focus {
|
||||||
|
background-color: lighten($selected_bg_color, 5%);
|
||||||
|
color: lighten($selected_fg_color, 5%);
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background-color: darken($selected_bg_color, 7%);
|
||||||
|
color: darken($selected_fg_color, 7%);
|
||||||
|
}
|
||||||
|
&:insensitive {
|
||||||
|
@include button(insensitive);
|
||||||
|
background-color: transparentize($selected_bg_color, .5);
|
||||||
|
color: transparentize($selected_fg_color, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// reset
|
||||||
|
@else if $t==undecorated {
|
||||||
|
background-color: transparent;
|
||||||
|
background-color: none;
|
||||||
|
box-shadow: none;
|
||||||
|
&:insensitive {
|
||||||
|
@include button(insensitive);
|
||||||
|
background-color: transparent;
|
||||||
|
color: transparentize($selected_fg_color, .5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// tile
|
||||||
|
@mixin tile_button($color, $flat: true) {
|
||||||
|
@extend %tile;
|
||||||
|
@if $flat {
|
||||||
|
background-color: transparent;
|
||||||
|
} @else {
|
||||||
|
background-color: transparentize($color, .84);
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow: inset 999px 0 0 0 transparentize($color, .2); // bit of a hack
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:hover { background-color: transparentize($color, .9);}
|
||||||
|
&:selected, &:focus {
|
||||||
|
background-color: transparentize($color, .87);
|
||||||
|
&:hover { background-color: transparentize($color, .84);}
|
||||||
|
&:active { background-color: transparentize($color, .87);}
|
||||||
|
}
|
||||||
|
&:active { background-color: transparentize($color, .84);}
|
||||||
|
&:outlined, &:checked {
|
||||||
|
background-color: transparentize($color, .81);
|
||||||
|
&:active { background-color: transparentize($color, .78);}
|
||||||
|
&:hover { background-color: transparentize($color, .75);}
|
||||||
|
}
|
||||||
|
&:drop {
|
||||||
|
border: 2px solid transparentize($selected_bg_color, .2); //already 2px transparent so no jumping
|
||||||
|
background-color: transparentize($selected_bg_color, .8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// overview icon, dash, app grid
|
||||||
|
@mixin overview_icon($color, $flat: true) {
|
||||||
|
transition-duration: 400ms;
|
||||||
|
.overview-icon {
|
||||||
|
@extend %tile;
|
||||||
|
}
|
||||||
|
@if $flat {
|
||||||
|
.overview-icon { background-color: transparent;}
|
||||||
|
} @else {
|
||||||
|
.overview-icon { background-color: transparentize($color, .93); }
|
||||||
|
}
|
||||||
|
&:hover .overview-icon { background-color: transparentize($color, .87);}
|
||||||
|
|
||||||
|
&:selected .overview-icon,
|
||||||
|
&:focus .overview-icon {
|
||||||
|
background-color: transparentize($color, .87);
|
||||||
|
&:hover .overview-icon { background-color: transparentize($color, .84);}
|
||||||
|
&:active .overview-icon { background-color: transparentize($color, .87);}
|
||||||
|
}
|
||||||
|
&:active .overview-icon { background-color: transparentize($color, .84);}
|
||||||
|
&:outlined .overview-icon,
|
||||||
|
&:checked .overview-icon {
|
||||||
|
background-color: transparentize($color, .81);
|
||||||
|
&:active .overview-icon { background-color: transparentize($color, .78);}
|
||||||
|
&:hover .overview-icon { background-color: transparentize($color, .75);}
|
||||||
|
}
|
||||||
|
&:drop .overview-icon {
|
||||||
|
border: 2px solid transparentize($selected_bg_color, .2); //already 2px transparent so no jumping
|
||||||
|
background-color: transparentize($selected_bg_color, .8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// styling for elements within popovers that look like notifications
|
||||||
|
@mixin card($flat: false) {
|
||||||
|
border-radius: $base_border_radius*1.5;
|
||||||
|
margin: $base_margin;
|
||||||
|
|
||||||
|
@if $flat {
|
||||||
|
@include button(undecorated);
|
||||||
|
box-shadow: none !important;
|
||||||
|
} @else {
|
||||||
|
@include button(normal);
|
||||||
|
}
|
||||||
|
&:hover {@include button(hover);}
|
||||||
|
&:active {@include button(active);}
|
||||||
|
&:focus {@include button(focus);}
|
||||||
|
&:insensitive {
|
||||||
|
@include button(insensitive);
|
||||||
|
@if $flat {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// styling for all menuitems in popovers
|
||||||
|
@mixin menuitem($bg, $flat: true) {
|
||||||
|
|
||||||
|
// lighten the background color always
|
||||||
|
$bg: lighten($bg,5%);
|
||||||
|
|
||||||
|
font-weight: normal;
|
||||||
|
spacing: $base_padding;
|
||||||
|
transition-duration: 100ms;
|
||||||
|
padding: $base_padding*1.5 $base_padding*2;
|
||||||
|
|
||||||
|
&:ltr {padding-left: $base_padding;}
|
||||||
|
&:rtl {padding-right: $base_padding;}
|
||||||
|
|
||||||
|
@if $flat {
|
||||||
|
@include button(undecorated);
|
||||||
|
box-shadow: none !important;
|
||||||
|
} @else {
|
||||||
|
@include button(normal, $c:$bg);
|
||||||
|
}
|
||||||
|
&:focus,
|
||||||
|
&:hover {
|
||||||
|
@include button(hover, $c:$bg);
|
||||||
|
}
|
||||||
|
&:active {@include button(active, $c:$bg);}
|
||||||
|
&:checked {@include button(checked, $c:$bg);}
|
||||||
|
}
|
||||||
74
gnome-shell-sass/_high-contrast-colors.scss
Normal file
74
gnome-shell-sass/_high-contrast-colors.scss
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
// When color definition differs for dark and light variant,
|
||||||
|
// it gets @if ed depending on $variant
|
||||||
|
|
||||||
|
@import '_palette.scss';
|
||||||
|
|
||||||
|
$is_highcontrast:true;
|
||||||
|
|
||||||
|
$base_color: if($variant == 'light', $light_1, $dark_5);
|
||||||
|
$bg_color: if($variant == 'light', darken($base_color, 10%), lighten($base_color, 10%));
|
||||||
|
$fg_color: if($variant == 'light', transparentize($dark_5, .2), $light_1);
|
||||||
|
|
||||||
|
$selected_fg_color: $light_1;
|
||||||
|
$selected_bg_color: $blue_3;
|
||||||
|
$selected_borders_color: darken($selected_bg_color, 20%);
|
||||||
|
|
||||||
|
$borders_color: if($variant == 'light', transparentize($fg_color, .5), transparentize($fg_color, .7));
|
||||||
|
$outer_borders_color: $borders_color;
|
||||||
|
|
||||||
|
$link_color: lighten($selected_bg_color,20%);
|
||||||
|
$link_visited_color: lighten($selected_bg_color,10%);
|
||||||
|
|
||||||
|
$warning_color: if($variant == 'light', $yellow_5, $yellow_3);
|
||||||
|
$error_color: if($variant == 'light', $red_3, $red_4);
|
||||||
|
$success_color: if($variant == 'light', $green_4, $green_5);
|
||||||
|
$destructive_color: $error_color;
|
||||||
|
|
||||||
|
// color definitions for OSD elements
|
||||||
|
$osd_fg_color: $light_1;
|
||||||
|
$osd_bg_color: $base_color;
|
||||||
|
|
||||||
|
// derived osd colors
|
||||||
|
$osd_insensitive_bg_color: transparentize(mix($osd_fg_color, opacify($osd_bg_color, 1), 10%), 0.5);
|
||||||
|
$osd_insensitive_fg_color: mix($osd_fg_color, $osd_bg_color, 70%);
|
||||||
|
$osd_borders_color: transparentize($osd_fg_color, 0.8);
|
||||||
|
$osd_outer_borders_color: $osd_borders_color;
|
||||||
|
|
||||||
|
$shadow_color: rgba(0,0,0,0);
|
||||||
|
|
||||||
|
// button
|
||||||
|
$button_mix_factor: 20%;
|
||||||
|
|
||||||
|
// notifications
|
||||||
|
$bubble_buttons_color: if($variant == 'light', darken($bg_color, 7%), lighten($bg_color, 5%));
|
||||||
|
|
||||||
|
// color definitions for system elements
|
||||||
|
$system_base_color: $dark_5;
|
||||||
|
$system_fg_color: $light_1;
|
||||||
|
|
||||||
|
// derived system colors
|
||||||
|
$system_bg_color: lighten($system_base_color, 5%);
|
||||||
|
$system_borders_color: transparentize($system_fg_color, .9);
|
||||||
|
$system_insensitive_fg_color: mix($system_fg_color, $system_bg_color, 50%);
|
||||||
|
$system_overlay_bg_color: mix($system_bg_color, $system_fg_color, 90%);
|
||||||
|
|
||||||
|
// derived global colors
|
||||||
|
// insensitive state
|
||||||
|
$insensitive_fg_color: mix($fg_color, $bg_color, 50%);
|
||||||
|
$insensitive_bg_color: mix($bg_color, $base_color, 60%);
|
||||||
|
$insensitive_borders_color: $borders_color;
|
||||||
|
|
||||||
|
// checked state
|
||||||
|
$checked_bg_color: if($variant=='light', darken($bg_color, 12%), lighten($bg_color, 18%));
|
||||||
|
$checked_fg_color: if($variant=='light', darken($fg_color, 12%), lighten($fg_color, 18%));
|
||||||
|
|
||||||
|
// hover state
|
||||||
|
$hover_bg_color: if($variant=='light', darken($bg_color, 8%), lighten($bg_color, 20%));
|
||||||
|
$hover_fg_color: if($variant=='light', darken($fg_color, 10%), lighten($fg_color, 20%));
|
||||||
|
|
||||||
|
// active state
|
||||||
|
$active_bg_color: if($variant=='light', darken($bg_color, 10%), lighten($bg_color, 22%));
|
||||||
|
$active_fg_color: if($variant=='light', darken($fg_color, 10%), lighten($fg_color, 22%));
|
||||||
|
|
||||||
|
// inset colour for high contrast
|
||||||
|
$hc_inset_color: transparentize($fg_color, 0.7);
|
||||||
46
gnome-shell-sass/_palette.scss
Normal file
46
gnome-shell-sass/_palette.scss
Normal file
|
|
@ -0,0 +1,46 @@
|
||||||
|
//GNOME Color Palette
|
||||||
|
$blue_1: #99c1f1;
|
||||||
|
$blue_2: #62a0ea;
|
||||||
|
$blue_3: #3584e4;
|
||||||
|
$blue_4: #1c71d8;
|
||||||
|
$blue_5: #1a5fb4;
|
||||||
|
$green_1: #8ff0a4;
|
||||||
|
$green_2: #57e389;
|
||||||
|
$green_3: #33d17a;
|
||||||
|
$green_4: #2ec27e;
|
||||||
|
$green_5: #26a269;
|
||||||
|
$yellow_1: #f9f06b;
|
||||||
|
$yellow_2: #f8e45c;
|
||||||
|
$yellow_3: #f6d32d;
|
||||||
|
$yellow_4: #f5c211;
|
||||||
|
$yellow_5: #e5a50a;
|
||||||
|
$orange_1: #ffbe6f;
|
||||||
|
$orange_2: #ffa348;
|
||||||
|
$orange_3: #ff7800;
|
||||||
|
$orange_4: #e66100;
|
||||||
|
$orange_5: #c64600;
|
||||||
|
$red_1: #f66151;
|
||||||
|
$red_2: #ed333b;
|
||||||
|
$red_3: #e01b24;
|
||||||
|
$red_4: #c01c28;
|
||||||
|
$red_5: #a51d2d;
|
||||||
|
$purple_1: #dc8add;
|
||||||
|
$purple_2: #c061cb;
|
||||||
|
$purple_3: #9141ac;
|
||||||
|
$purple_4: #813d9c;
|
||||||
|
$purple_5: #613583;
|
||||||
|
$brown_1: #cdab8f;
|
||||||
|
$brown_2: #b5835a;
|
||||||
|
$brown_3: #986a44;
|
||||||
|
$brown_4: #865e3c;
|
||||||
|
$brown_5: #63452c;
|
||||||
|
$light_1: #ffffff;
|
||||||
|
$light_2: #f6f5f4;
|
||||||
|
$light_3: #deddda;
|
||||||
|
$light_4: #c0bfbc;
|
||||||
|
$light_5: #9a9996;
|
||||||
|
$dark_1: #77767b;
|
||||||
|
$dark_2: #5e5c64;
|
||||||
|
$dark_3: #3d3846;
|
||||||
|
$dark_4: #241f31;
|
||||||
|
$dark_5: #000000;
|
||||||
50
gnome-shell-sass/_widgets.scss
Normal file
50
gnome-shell-sass/_widgets.scss
Normal file
|
|
@ -0,0 +1,50 @@
|
||||||
|
//
|
||||||
|
// Shell widgets stylesheets are placed in separate .scss files
|
||||||
|
// in 'widgets' and imported into the main stylesheet in this file.
|
||||||
|
// To create or update a widget for the shell modify the list below.
|
||||||
|
//
|
||||||
|
|
||||||
|
/* WIDGETS */
|
||||||
|
|
||||||
|
// Primary widgets
|
||||||
|
@import 'widgets/base';
|
||||||
|
@import 'widgets/entries';
|
||||||
|
@import 'widgets/buttons';
|
||||||
|
@import 'widgets/check-box';
|
||||||
|
@import 'widgets/switches';
|
||||||
|
@import 'widgets/slider';
|
||||||
|
@import 'widgets/scrollbars';
|
||||||
|
// Popovers
|
||||||
|
@import 'widgets/popovers';
|
||||||
|
@import 'widgets/calendar';
|
||||||
|
@import 'widgets/message-list';
|
||||||
|
@import 'widgets/ibus-popup';
|
||||||
|
// Notifications
|
||||||
|
@import 'widgets/notifications';
|
||||||
|
@import 'widgets/hotplug';
|
||||||
|
// Dialogs
|
||||||
|
@import 'widgets/dialogs';
|
||||||
|
// OSDs
|
||||||
|
@import 'widgets/osd';
|
||||||
|
@import 'widgets/switcher-popup';
|
||||||
|
@import 'widgets/workspace-switcher';
|
||||||
|
@import 'widgets/screenshot';
|
||||||
|
// Panel
|
||||||
|
@import 'widgets/panel';
|
||||||
|
@import 'widgets/corner-ripple';
|
||||||
|
@import 'widgets/quick-settings';
|
||||||
|
// Overview
|
||||||
|
@import 'widgets/overview';
|
||||||
|
@import 'widgets/window-picker';
|
||||||
|
@import 'widgets/search-entry';
|
||||||
|
@import 'widgets/search-results';
|
||||||
|
@import 'widgets/dash';
|
||||||
|
@import 'widgets/app-grid';
|
||||||
|
@import 'widgets/workspace-thumbnails';
|
||||||
|
// A11y / misc
|
||||||
|
@import 'widgets/a11y';
|
||||||
|
@import 'widgets/misc';
|
||||||
|
@import 'widgets/keyboard';
|
||||||
|
@import 'widgets/looking-glass';
|
||||||
|
// Lock / login screen
|
||||||
|
@import 'widgets/login-lock';
|
||||||
37
gnome-shell-sass/gnome-shell-sass.doap
Normal file
37
gnome-shell-sass/gnome-shell-sass.doap
Normal file
|
|
@ -0,0 +1,37 @@
|
||||||
|
<Project xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||||
|
xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#"
|
||||||
|
xmlns:foaf="http://xmlns.com/foaf/0.1/"
|
||||||
|
xmlns:gnome="http://api.gnome.org/doap-extensions#"
|
||||||
|
xmlns="http://usefulinc.com/ns/doap#">
|
||||||
|
|
||||||
|
<name xml:lang="en">GNOME Shell Sass</name>
|
||||||
|
<shortdesc xml:lang="en">Sass sources of GNOME Shell</shortdesc>
|
||||||
|
<description>GNOME Shell Sass is a project intended to allow the sharing of the
|
||||||
|
sass theme sources between gnome-shell and other projects like gnome-shell-extensions.</description>
|
||||||
|
|
||||||
|
<category rdf:resource="http://api.gnome.org/doap-extensions#core" />
|
||||||
|
<programming-language>sass</programming-language>
|
||||||
|
<programming-language>css</programming-language>
|
||||||
|
|
||||||
|
<maintainer>
|
||||||
|
<foaf:Person>
|
||||||
|
<foaf:name>Carlos Soriano</foaf:name>
|
||||||
|
<foaf:mbox rdf:resource="mailto:csoriano@gnome.org" />
|
||||||
|
<gnome:userid>csoriano</gnome:userid>
|
||||||
|
</foaf:Person>
|
||||||
|
</maintainer>
|
||||||
|
<maintainer>
|
||||||
|
<foaf:Person>
|
||||||
|
<foaf:name>Florian Müllner</foaf:name>
|
||||||
|
<foaf:mbox rdf:resource="mailto:fmuellner@gnome.org" />
|
||||||
|
<gnome:userid>fmuellner</gnome:userid>
|
||||||
|
</foaf:Person>
|
||||||
|
</maintainer>
|
||||||
|
<maintainer>
|
||||||
|
<foaf:Person>
|
||||||
|
<foaf:name>Jakub Steiner</foaf:name>
|
||||||
|
<foaf:mbox rdf:resource="mailto:jimmac@gmail.com" />
|
||||||
|
<gnome:userid>jimmac</gnome:userid>
|
||||||
|
</foaf:Person>
|
||||||
|
</maintainer>
|
||||||
|
</Project>
|
||||||
24
gnome-shell-sass/widgets/_a11y.scss
Normal file
24
gnome-shell-sass/widgets/_a11y.scss
Normal file
|
|
@ -0,0 +1,24 @@
|
||||||
|
// Pointer location
|
||||||
|
.ripple-pointer-location {
|
||||||
|
width: $ripple_size;
|
||||||
|
height: $ripple_size;
|
||||||
|
border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve
|
||||||
|
background-color: lighten(transparentize($selected_bg_color, 0.7), 30%);
|
||||||
|
box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Pointer accessibility notifications
|
||||||
|
.pie-timer {
|
||||||
|
width: 60px;
|
||||||
|
height: 60px;
|
||||||
|
-pie-border-width: 3px;
|
||||||
|
-pie-border-color: $selected_bg_color;
|
||||||
|
-pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Screen zoom/Magnifier
|
||||||
|
.magnifier-zoom-region {
|
||||||
|
border: 2px solid $selected_bg_color;
|
||||||
|
|
||||||
|
&.full-screen { border-width: 0; }
|
||||||
|
}
|
||||||
181
gnome-shell-sass/widgets/_app-grid.scss
Normal file
181
gnome-shell-sass/widgets/_app-grid.scss
Normal file
|
|
@ -0,0 +1,181 @@
|
||||||
|
/* App Grid */
|
||||||
|
|
||||||
|
$app_icon_size: 96px;
|
||||||
|
|
||||||
|
// app icons
|
||||||
|
.icon-grid {
|
||||||
|
row-spacing: $base_padding * 2;
|
||||||
|
column-spacing: $base_padding * 2;
|
||||||
|
max-row-spacing: $base_padding * 7;
|
||||||
|
max-column-spacing: $base_padding * 7;
|
||||||
|
page-padding-top: $base_padding * 4;
|
||||||
|
page-padding-bottom: $base_padding * 4;
|
||||||
|
page-padding-left: $base_padding * 3;
|
||||||
|
page-padding-right: $base_padding * 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* App Icons */
|
||||||
|
|
||||||
|
// Icon tiles in the app grid
|
||||||
|
.app-well-app {
|
||||||
|
@include overview_icon($system_fg_color);
|
||||||
|
|
||||||
|
.overview-icon {
|
||||||
|
padding: $base_padding*2;
|
||||||
|
border-radius: $base_border_radius*3;
|
||||||
|
color: $system_fg_color;
|
||||||
|
}
|
||||||
|
.overview-icon.overview-icon-with-label {
|
||||||
|
> StBoxLayout {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// app folders
|
||||||
|
.app-well-app.app-folder {
|
||||||
|
@include overview_icon($system_fg_color, $flat: false);
|
||||||
|
}
|
||||||
|
|
||||||
|
// expanded folder
|
||||||
|
.app-folder-dialog {
|
||||||
|
border-radius: $modal_radius*4;
|
||||||
|
background-color: $bg_color;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
box-shadow:inset 0 0 0 1px $outer_borders_color;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow:inset 0 0 0 2px $hc_inset_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .folder-name-container {
|
||||||
|
padding: 24px 36px 0;
|
||||||
|
spacing: 12px;
|
||||||
|
|
||||||
|
& .folder-name-label,
|
||||||
|
& .folder-name-entry {
|
||||||
|
@extend %title_1;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .folder-name-entry {
|
||||||
|
width: 12em;
|
||||||
|
border-radius: $base_border_radius*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* FIXME: this is to keep the label in sync with the entry */
|
||||||
|
& .folder-name-label { padding: 5px 7px; color: $system_fg_color; }
|
||||||
|
|
||||||
|
& .edit-folder-button {
|
||||||
|
@extend %button;
|
||||||
|
padding: 0;
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 99px;
|
||||||
|
& > StIcon { icon-size: $base_icon_size }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& .icon-grid {
|
||||||
|
row-spacing: $base_padding * 2;
|
||||||
|
column-spacing: $base_padding * 5;
|
||||||
|
page-padding-top: 0;
|
||||||
|
page-padding-bottom: 0;
|
||||||
|
page-padding-left: 0;
|
||||||
|
page-padding-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .page-indicators {
|
||||||
|
margin-bottom: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.app-folder-dialog-container {
|
||||||
|
padding: $base_padding*2;
|
||||||
|
width: 720px;
|
||||||
|
height: 720px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Running app indicator (also shown in dash)
|
||||||
|
.app-well-app-running-dot {
|
||||||
|
height: 5px;
|
||||||
|
width: 5px;
|
||||||
|
border-radius:5px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
background-color: $system_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Rename popup for app folders
|
||||||
|
.rename-folder-popup {
|
||||||
|
.rename-folder-popup-item {
|
||||||
|
spacing: $base_padding;
|
||||||
|
&:ltr, &:rtl { padding: 0 $base_padding * 2; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// App Grid pagination indicators
|
||||||
|
.page-indicator {
|
||||||
|
padding: $base_padding $base_padding * 2 0;
|
||||||
|
transition-duration:400ms;
|
||||||
|
|
||||||
|
.page-indicator-icon {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
border-radius: 10px; // the same as height&width
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.apps-scroll-view {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// shutdown and other actions in the grid
|
||||||
|
.system-action-icon {
|
||||||
|
background-color: transparentize($system_fg_color,.9);
|
||||||
|
color: $system_fg_color;
|
||||||
|
border-radius: 99px;
|
||||||
|
icon-size: $app_icon_size * 0.5;
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow: inset 0 0 0 2px $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-navigation-hint {
|
||||||
|
&.dnd {
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
|
||||||
|
&.next:ltr,
|
||||||
|
&.previous:rtl {
|
||||||
|
background-gradient-start: rgba(255, 255, 255, 0.05);
|
||||||
|
background-gradient-end: transparent;
|
||||||
|
background-gradient-direction: horizontal;
|
||||||
|
border-radius: $modal_radius*1.5 0px 0px $modal_radius*1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.previous:ltr,
|
||||||
|
&.next:rtl {
|
||||||
|
background-gradient-start: transparent;
|
||||||
|
background-gradient-end: rgba(255, 255, 255, 0.05);
|
||||||
|
background-gradient-direction: horizontal;
|
||||||
|
border-radius: 0px $modal_radius*1.5 $modal_radius*1.5 0px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-navigation-arrow {
|
||||||
|
margin: 6px;
|
||||||
|
padding: 18px;
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
border-radius: 99px;
|
||||||
|
|
||||||
|
> StIcon { color: $system_fg_color;}
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
@include button(normal, $system_fg_color, transparentize($system_bg_color, 0.5));
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive { @include button(undecorated, $system_fg_color, transparentize($system_bg_color, 0.5));}
|
||||||
|
&:hover { @include button(hover, $system_fg_color, transparentize($system_bg_color, 0.5));}
|
||||||
|
&:active { @include button(active, $system_fg_color, transparentize($system_bg_color, 0.5));}
|
||||||
|
}
|
||||||
18
gnome-shell-sass/widgets/_base.scss
Normal file
18
gnome-shell-sass/widgets/_base.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
// Links
|
||||||
|
.shell-link {
|
||||||
|
color: $link_color;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
color: lighten($link_color, 10%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Outline for low res icons
|
||||||
|
.lowres-icon {
|
||||||
|
icon-shadow: 0 1px 2px rgba(black, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Dropshadow for large icons
|
||||||
|
.icon-dropshadow {
|
||||||
|
icon-shadow: 0 1px 5px rgba(black, 0.8);
|
||||||
|
}
|
||||||
19
gnome-shell-sass/widgets/_buttons.scss
Normal file
19
gnome-shell-sass/widgets/_buttons.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
||||||
|
/* Buttons */
|
||||||
|
|
||||||
|
.button {
|
||||||
|
@extend %button; // that's it
|
||||||
|
min-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.icon-button {
|
||||||
|
@extend .button; // same style as buttons
|
||||||
|
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
min-height: 16px;
|
||||||
|
|
||||||
|
StIcon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
}
|
||||||
265
gnome-shell-sass/widgets/_calendar.scss
Normal file
265
gnome-shell-sass/widgets/_calendar.scss
Normal file
|
|
@ -0,0 +1,265 @@
|
||||||
|
/* Date/Time Menu */
|
||||||
|
|
||||||
|
// overall menu
|
||||||
|
#calendarArea {
|
||||||
|
padding: $base_padding - 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Calendar menu side column
|
||||||
|
.datemenu-calendar-column {
|
||||||
|
spacing: $base_padding;
|
||||||
|
&:ltr {padding-left: $base_padding;}
|
||||||
|
&:rtl {padding-right: $base_padding;}
|
||||||
|
.datemenu-displays-box {spacing: $base_padding;}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* today button (the date) */
|
||||||
|
.datemenu-today-button {
|
||||||
|
@include card(flat);
|
||||||
|
padding: $base_padding * 1.5;
|
||||||
|
|
||||||
|
// weekday label
|
||||||
|
.day-label {
|
||||||
|
@extend %heading;
|
||||||
|
}
|
||||||
|
|
||||||
|
// date label
|
||||||
|
.date-label {
|
||||||
|
@extend %title_2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Calendar */
|
||||||
|
.calendar {
|
||||||
|
@include card(flat);
|
||||||
|
margin-top: 0;
|
||||||
|
|
||||||
|
// month header
|
||||||
|
.calendar-month-header {
|
||||||
|
|
||||||
|
// prev/next month icons
|
||||||
|
.calendar-change-month-back StIcon,
|
||||||
|
.calendar-change-month-forward StIcon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
}
|
||||||
|
|
||||||
|
// month label
|
||||||
|
.calendar-month-label {
|
||||||
|
@extend %heading;
|
||||||
|
padding: 8px 0;
|
||||||
|
}
|
||||||
|
.pager-button {
|
||||||
|
background-color: transparent;
|
||||||
|
height: 32px;
|
||||||
|
width: 32px;
|
||||||
|
margin: 2px;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
&:hover, &:focus {background-color: $hover_bg_color;}
|
||||||
|
&:active {background-color: $active_bg_color;}
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border:1px solid $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
$calendar_day_size: 3em;
|
||||||
|
|
||||||
|
.calendar-day-base {
|
||||||
|
text-align: center;
|
||||||
|
margin: 2px;
|
||||||
|
padding: 0 !important;
|
||||||
|
height: $calendar_day_size !important;
|
||||||
|
width: $calendar_day_size !important;
|
||||||
|
border-radius: 99px;
|
||||||
|
transition-duration: 100ms;
|
||||||
|
@extend %numeric;
|
||||||
|
@extend %smaller;
|
||||||
|
|
||||||
|
&:hover {background-color: $hover_bg_color;}
|
||||||
|
&:focus {
|
||||||
|
background-color: mix($bg_color, $selected_bg_color, 80%);
|
||||||
|
color: inherit;
|
||||||
|
box-shadow:inset 0 0 0 2px transparentize($selected_bg_color, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,&:selected {
|
||||||
|
color: $active_fg_color;
|
||||||
|
background-color: $active_bg_color;
|
||||||
|
&:focus {
|
||||||
|
background-color: mix($active_bg_color, $selected_bg_color, 80%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// day of week heading
|
||||||
|
&.calendar-day-heading {
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
padding-top: $base_padding;
|
||||||
|
height: 16px !important; // force heading to be smaller height
|
||||||
|
font-weight: 600;
|
||||||
|
@extend %smaller;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-day {
|
||||||
|
font-weight: 600;
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border:1px solid $hc_inset_color;
|
||||||
|
border-radius: 9px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.calendar-work-day {}
|
||||||
|
.calendar-nonwork-day {color: $insensitive_fg_color;}
|
||||||
|
.calendar-other-month-day {
|
||||||
|
color: transparentize($fg_color, 0.5);
|
||||||
|
&.calendar-nonwork-day {
|
||||||
|
color: transparentize($insensitive_fg_color, 0.5);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Today
|
||||||
|
.calendar-today {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
font-weight: 800;
|
||||||
|
color: $selected_fg_color !important;
|
||||||
|
|
||||||
|
&:hover,&:focus {
|
||||||
|
background-color:lighten($selected_bg_color, 3%);
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active,&:selected {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: inherit;
|
||||||
|
|
||||||
|
&:hover,&:focus {
|
||||||
|
background-color:lighten($selected_bg_color, 3%);
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-day-with-events {
|
||||||
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/calendar-today-light.svg"),url("resource:///org/gnome/shell/theme/calendar-today.svg"));
|
||||||
|
background-size: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.calendar-week-number {
|
||||||
|
@include fontsize($base_font_size - 4);
|
||||||
|
font-weight: bold;
|
||||||
|
font-feature-settings: "tnum";
|
||||||
|
margin: 6px;
|
||||||
|
padding: 0 $base_padding;
|
||||||
|
border-radius: 3px;
|
||||||
|
background-color: transparentize($fg_color, 0.9);
|
||||||
|
color: $insensitive_fg_color
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Events */
|
||||||
|
.events-button {
|
||||||
|
@include card;
|
||||||
|
padding: $base_padding * 2;
|
||||||
|
|
||||||
|
.events-box {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.events-list {
|
||||||
|
spacing: 2 * $base_padding;
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.events-title {
|
||||||
|
@extend %heading;
|
||||||
|
margin-bottom: $base_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.event-time {
|
||||||
|
@extend %numeric;
|
||||||
|
@extend %caption;
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* World clocks */
|
||||||
|
.world-clocks-button {
|
||||||
|
@include card;
|
||||||
|
padding: $base_padding * 2;
|
||||||
|
|
||||||
|
.world-clocks-grid {
|
||||||
|
spacing-rows: $base_padding;
|
||||||
|
spacing-columns: $base_padding * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// title
|
||||||
|
.world-clocks-header {
|
||||||
|
@extend %heading;
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// city label
|
||||||
|
.world-clocks-city {
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// timezone time
|
||||||
|
.world-clocks-time {
|
||||||
|
@extend %heading;
|
||||||
|
@extend %numeric;
|
||||||
|
color: $fg_color;
|
||||||
|
|
||||||
|
&:ltr {text-align: right;}
|
||||||
|
&:rtl {text-align: left;}
|
||||||
|
}
|
||||||
|
|
||||||
|
// timezone offset label
|
||||||
|
.world-clocks-timezone {
|
||||||
|
@extend %numeric;
|
||||||
|
@extend %caption;
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Weather */
|
||||||
|
.weather-button {
|
||||||
|
@include card;
|
||||||
|
padding: $base_padding * 2;
|
||||||
|
|
||||||
|
.weather-box {
|
||||||
|
spacing: $base_padding + $base_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-header-box {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-header {
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
@extend %heading;
|
||||||
|
|
||||||
|
&.location {
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-grid {
|
||||||
|
spacing-rows: $base_padding;
|
||||||
|
spacing-columns: $base_padding * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-forecast-time {
|
||||||
|
@extend %numeric;
|
||||||
|
@extend %caption;
|
||||||
|
color: darken($fg_color,30%);
|
||||||
|
padding-top: 0.2em;
|
||||||
|
padding-bottom: 0.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-forecast-icon {
|
||||||
|
icon-size: $large_icon_size;
|
||||||
|
}
|
||||||
|
|
||||||
|
.weather-forecast-temp {
|
||||||
|
@extend %heading;
|
||||||
|
}
|
||||||
|
}
|
||||||
18
gnome-shell-sass/widgets/_check-box.scss
Normal file
18
gnome-shell-sass/widgets/_check-box.scss
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
/* Check Boxes */
|
||||||
|
|
||||||
|
// these are equal to the size of the SVG assets
|
||||||
|
$check_height: 24px;
|
||||||
|
$check_width: 24px;
|
||||||
|
|
||||||
|
|
||||||
|
.check-box {
|
||||||
|
StBoxLayout { spacing: .8em; }
|
||||||
|
StBin {
|
||||||
|
width: $check_width;
|
||||||
|
height: $check_height;
|
||||||
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg"));
|
||||||
|
}
|
||||||
|
&:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; }
|
||||||
|
&:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); }
|
||||||
|
&:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); }
|
||||||
|
}
|
||||||
15
gnome-shell-sass/widgets/_corner-ripple.scss
Normal file
15
gnome-shell-sass/widgets/_corner-ripple.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
/* Activities Ripple */
|
||||||
|
|
||||||
|
$ripple_size: 50px;
|
||||||
|
|
||||||
|
.ripple-box {
|
||||||
|
background-color: rgba(255,255,255,0.2);
|
||||||
|
box-shadow: 0 0 2px 2px rgba(255,255,255,0.2);
|
||||||
|
// plus + 2px for the border (box-shadow)
|
||||||
|
width: $ripple_size + 2px;
|
||||||
|
height: $ripple_size + 2px;
|
||||||
|
border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve
|
||||||
|
|
||||||
|
// just a simple change to the border radius position
|
||||||
|
&:rtl { border-radius: 0 0 0 $ripple_size + 2px; }
|
||||||
|
}
|
||||||
83
gnome-shell-sass/widgets/_dash.scss
Normal file
83
gnome-shell-sass/widgets/_dash.scss
Normal file
|
|
@ -0,0 +1,83 @@
|
||||||
|
/* Dash */
|
||||||
|
|
||||||
|
// uses system colors
|
||||||
|
$dash_background_color: $system_overlay_bg_color;
|
||||||
|
|
||||||
|
$dash_placeholder_size: 32px;
|
||||||
|
$dash_padding: $base_padding*2; // 12px
|
||||||
|
$dash_border_radius: $modal_radius + $dash_padding;
|
||||||
|
|
||||||
|
// container for the dash
|
||||||
|
#dash {
|
||||||
|
@extend %caption;
|
||||||
|
margin-top: $dash_padding;
|
||||||
|
|
||||||
|
.placeholder {
|
||||||
|
// background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg");
|
||||||
|
background-image:none;
|
||||||
|
background-size: contain;
|
||||||
|
height: $dash_placeholder_size;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-dash-drop-target {
|
||||||
|
width: $dash_placeholder_size;
|
||||||
|
height: $dash_placeholder_size;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Running app indicator (also shown in app grid)
|
||||||
|
.app-well-app-running-dot {
|
||||||
|
margin-bottom: 14px; // hardcoded
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// background of the dash behind app icons
|
||||||
|
.dash-background {
|
||||||
|
background-color: $dash_background_color;
|
||||||
|
border-radius: $dash_border_radius;
|
||||||
|
padding: $dash_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
margin-bottom: $dash_padding;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 2px solid $hc_inset_color;
|
||||||
|
box-shadow:none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// items on the dash
|
||||||
|
.dash-item-container {
|
||||||
|
> * {margin: 0 2px;}
|
||||||
|
&:ltr{&:first-child {margin-left: 0;}}
|
||||||
|
&:rtl{&:first-child {margin-right: 0;}}
|
||||||
|
|
||||||
|
// each app item on the dash
|
||||||
|
.app-well-app .overview-icon {
|
||||||
|
padding: $base_padding;
|
||||||
|
border-radius: $base_border_radius*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// show apps button
|
||||||
|
.show-apps { @include overview_icon($system_fg_color);}
|
||||||
|
|
||||||
|
.show-apps, .app-well-app {
|
||||||
|
padding-bottom: $dash_padding;
|
||||||
|
color: $system_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// separator between favourites and running apps
|
||||||
|
.dash-separator {
|
||||||
|
width: 1px;
|
||||||
|
margin: 0 $base_margin;
|
||||||
|
background-color: $system_borders_color;
|
||||||
|
margin-bottom: $dash_padding;
|
||||||
|
@if $is_highcontrast {
|
||||||
|
width: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// OSD Tooltip
|
||||||
|
.dash-label {
|
||||||
|
@extend %tooltip;
|
||||||
|
-y-offset: $base_margin * 2; // distance from the dash edge
|
||||||
|
}
|
||||||
174
gnome-shell-sass/widgets/_dialogs.scss
Normal file
174
gnome-shell-sass/widgets/_dialogs.scss
Normal file
|
|
@ -0,0 +1,174 @@
|
||||||
|
/* Modal Dialogs */
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
@extend %title_4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog {
|
||||||
|
background-color: $bg_color;
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
box-shadow: inset 0 0 0 1px $outer_borders_color;
|
||||||
|
|
||||||
|
.modal-dialog-content-box {
|
||||||
|
margin: 32px 40px;
|
||||||
|
spacing: 32px;
|
||||||
|
max-width: 28em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-dialog-linked-button {
|
||||||
|
@extend %bubble_button;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* End Session Dialog */
|
||||||
|
.end-session-dialog {
|
||||||
|
width: 30em;
|
||||||
|
|
||||||
|
.end-session-dialog-battery-warning,
|
||||||
|
.dialog-list-title {
|
||||||
|
color: $warning_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Message Dialog */
|
||||||
|
.message-dialog-content {
|
||||||
|
spacing: 18px;
|
||||||
|
|
||||||
|
.message-dialog-title {
|
||||||
|
text-align: center;
|
||||||
|
@extend %title_2;
|
||||||
|
|
||||||
|
&.lightweight { @extend %title_4;}
|
||||||
|
}
|
||||||
|
.message-dialog-description { text-align: center; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dialog List */
|
||||||
|
.dialog-list {
|
||||||
|
spacing: 18px;
|
||||||
|
|
||||||
|
.dialog-list-title {
|
||||||
|
text-align: center;
|
||||||
|
@extend %heading;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dialog-list-scrollview { max-height: 200px; }
|
||||||
|
.dialog-list-box {
|
||||||
|
spacing: 1em;
|
||||||
|
|
||||||
|
.dialog-list-item {
|
||||||
|
spacing: 1em;
|
||||||
|
|
||||||
|
.dialog-list-item-title { font-weight: bold; }
|
||||||
|
.dialog-list-item-description {
|
||||||
|
color: darken($fg_color,5%);
|
||||||
|
@extend %caption;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Run Dialog */
|
||||||
|
.run-dialog {
|
||||||
|
.modal-dialog-content-box {
|
||||||
|
margin-top: 24px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
.run-dialog-entry { width: 20em; }
|
||||||
|
.run-dialog-description {
|
||||||
|
@extend %caption;
|
||||||
|
text-align: center;
|
||||||
|
color: darken($fg_color, 20%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Password or Authentication Dialog */
|
||||||
|
|
||||||
|
.prompt-dialog {
|
||||||
|
width: 28em;
|
||||||
|
|
||||||
|
.modal-dialog-content-box {
|
||||||
|
margin-bottom: 24px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-dialog-password-grid {
|
||||||
|
spacing-rows: 8px;
|
||||||
|
spacing-columns: 4px;
|
||||||
|
|
||||||
|
.prompt-dialog-password-entry {
|
||||||
|
width: auto;
|
||||||
|
|
||||||
|
// 4px (spacing) + 16px (spinner-width)
|
||||||
|
&:ltr { margin-left: 20px; }
|
||||||
|
&: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;
|
||||||
|
@extend %caption;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prompt-dialog-error-label {
|
||||||
|
color: $warning_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Polkit Dialog */
|
||||||
|
|
||||||
|
.polkit-dialog-user-layout {
|
||||||
|
text-align: center;
|
||||||
|
spacing: 8px;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
|
||||||
|
.polkit-dialog-user-root-label { color: $warning_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Audio selection dialog */
|
||||||
|
.audio-device-selection-dialog {
|
||||||
|
.modal-dialog-content-box { margin-bottom: 28px; }
|
||||||
|
.audio-selection-box { spacing: 20px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-selection-device {
|
||||||
|
border-radius: $base_border_radius*2;
|
||||||
|
&:hover,&:focus { background-color: $hover_bg_color; }
|
||||||
|
&:active {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-selection-device-box {
|
||||||
|
padding: 20px;
|
||||||
|
spacing: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.audio-selection-device-icon {
|
||||||
|
icon-size: $base_icon_size * 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Welcome dialog */
|
||||||
|
.welcome-dialog-image {
|
||||||
|
background-image: url("resource:///org/gnome/shell/theme/gnome-shell-start.svg");
|
||||||
|
background-size: contain;
|
||||||
|
/* Reasonable maximum dimensions */
|
||||||
|
height: 300px;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Access portal dialog */
|
||||||
|
.access-dialog {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
20
gnome-shell-sass/widgets/_entries.scss
Normal file
20
gnome-shell-sass/widgets/_entries.scss
Normal file
|
|
@ -0,0 +1,20 @@
|
||||||
|
/* Entries */
|
||||||
|
|
||||||
|
StEntry {
|
||||||
|
@extend %entry;
|
||||||
|
|
||||||
|
StIcon.capslock-warning {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
warning-color: $warning_color;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
StIcon.peek-password {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
StLabel.hint-text {
|
||||||
|
margin-left: 2px;
|
||||||
|
}
|
||||||
|
}
|
||||||
10
gnome-shell-sass/widgets/_hotplug.scss
Normal file
10
gnome-shell-sass/widgets/_hotplug.scss
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
// hotplug
|
||||||
|
|
||||||
|
.hotplug-notification-item {
|
||||||
|
@extend %bubble_button;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hotplug-notification-item-icon {
|
||||||
|
icon-size: 24px;
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
39
gnome-shell-sass/widgets/_ibus-popup.scss
Normal file
39
gnome-shell-sass/widgets/_ibus-popup.scss
Normal file
|
|
@ -0,0 +1,39 @@
|
||||||
|
// IBus Candidate Popup
|
||||||
|
|
||||||
|
.candidate-popup-boxpointer {
|
||||||
|
@extend .popup-menu-boxpointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-popup-content {
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
@extend .popup-menu-content;
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-index {
|
||||||
|
padding: 0;
|
||||||
|
padding-right: $base_padding;
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-box {
|
||||||
|
padding: $base_padding $base_padding*2 $base_padding $base_padding*2;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
&:selected { background-color: $selected_bg_color; color: $selected_fg_color; }
|
||||||
|
&:hover { background-color: $hover_bg_color; color: $hover_fg_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-page-button-box {
|
||||||
|
height: 2em;
|
||||||
|
.vertical & { padding-top: $base_padding*2; }
|
||||||
|
.horizontal & { padding-left: $base_padding*2; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-page-button {
|
||||||
|
padding: $base_padding;
|
||||||
|
|
||||||
|
& StIcon { icon-size: $base_icon_size; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;}
|
||||||
|
.candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;}
|
||||||
159
gnome-shell-sass/widgets/_keyboard.scss
Normal file
159
gnome-shell-sass/widgets/_keyboard.scss
Normal file
|
|
@ -0,0 +1,159 @@
|
||||||
|
/* On-screen Keyboard */
|
||||||
|
|
||||||
|
$key_size: 1.2em;
|
||||||
|
$key_border_radius: $base_border_radius + 4px; // 12px
|
||||||
|
$key_bg_color: darken($osd_fg_color, 70%);
|
||||||
|
// $default_key_bg_color: darken($key_bg_color, 4%);
|
||||||
|
$default_key_bg_color: if($variant=='light', darken($key_bg_color, 11%), darken($key_bg_color, 10%));
|
||||||
|
|
||||||
|
|
||||||
|
// draw keys using button function
|
||||||
|
#keyboard {
|
||||||
|
// background-color: transparentize(if($variant=='light', darken($bg_color, 5%), darken($bg_color, 8%)), 0.1);
|
||||||
|
background-color: $osd_bg_color;
|
||||||
|
box-shadow: inset 0 1px 0 0 $osd_outer_borders_color;
|
||||||
|
|
||||||
|
.page-indicator {
|
||||||
|
padding: $base_padding;
|
||||||
|
|
||||||
|
.page-indicator-icon {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// the container for individual keys
|
||||||
|
.key-container {
|
||||||
|
padding: $base_margin;
|
||||||
|
spacing: $base_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
// the keys
|
||||||
|
.keyboard-key {
|
||||||
|
|
||||||
|
@include fontsize($base_font_size + 5);
|
||||||
|
font-weight: bold;
|
||||||
|
min-height: $key_size;
|
||||||
|
min-width: $key_size;
|
||||||
|
border-width: 1px;
|
||||||
|
border-style: solid;
|
||||||
|
border-radius: $key_border_radius;
|
||||||
|
box-shadow: 0 1px 0 0 $shadow_color;
|
||||||
|
|
||||||
|
@include keyboard_key(normal, $key_bg_color, $osd_fg_color);
|
||||||
|
|
||||||
|
&:focus { @include keyboard_key(focus);}
|
||||||
|
&:hover { @include keyboard_key(hover, $key_bg_color, $osd_fg_color);}
|
||||||
|
&:active { @include keyboard_key(active, $key_bg_color, $osd_fg_color); }
|
||||||
|
&:checked { @include keyboard_key(checked, $key_bg_color, $osd_fg_color); }
|
||||||
|
|
||||||
|
&:grayed { //FIXMEy
|
||||||
|
background-color: darken($bg_color, 3%);
|
||||||
|
color: $osd_fg_color;
|
||||||
|
border-color: $osd_borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// non-character keys
|
||||||
|
&.default-key {
|
||||||
|
@include keyboard_key(normal, $default_key_bg_color, $osd_fg_color);
|
||||||
|
&:hover {@include keyboard_key(hover, $default_key_bg_color, $osd_fg_color);}
|
||||||
|
&:active { @include keyboard_key(active, $default_key_bg_color, $osd_fg_color);}
|
||||||
|
&:checked { @include keyboard_key(checked, $default_key_bg_color, $osd_fg_color);}
|
||||||
|
border-radius: $key_border_radius;
|
||||||
|
|
||||||
|
// keys that may be latched: ctrl/alt/shift
|
||||||
|
&:latched {
|
||||||
|
border-color: lighten($selected_bg_color, 5%);
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// enter key is suggested-action
|
||||||
|
&.enter-key {
|
||||||
|
@include keyboard_key(normal, $selected_bg_color, $selected_fg_color);
|
||||||
|
&:hover { @include keyboard_key(hover, $selected_bg_color, $selected_fg_color);}
|
||||||
|
&:active {@include keyboard_key(active, $selected_bg_color, $selected_fg_color);}
|
||||||
|
&:checked {@include keyboard_key(checked, $selected_bg_color, $selected_fg_color);}
|
||||||
|
border-radius: $key_border_radius;
|
||||||
|
color: $osd_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.shift-key-lowercase {}
|
||||||
|
|
||||||
|
// pressed shift has different style
|
||||||
|
&.shift-key-uppercase {
|
||||||
|
background-color: lighten($key_bg_color, 20%);
|
||||||
|
color: $osd_bg_color;
|
||||||
|
&:hover {
|
||||||
|
background-color: lighten($key_bg_color, 25%);
|
||||||
|
color: lighten($osd_bg_color, 5%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// size of icons on keys
|
||||||
|
StIcon { icon-size: 24px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// long press on a key popup
|
||||||
|
.keyboard-subkeys {
|
||||||
|
-arrow-border-radius: $base_border_radius*2;
|
||||||
|
-arrow-background-color: $osd_bg_color;
|
||||||
|
-arrow-border-width: 1px;
|
||||||
|
-arrow-border-color: lighten($osd_bg_color, 9%);
|
||||||
|
-arrow-base: 20px;
|
||||||
|
-arrow-rise: 10px;
|
||||||
|
-boxpointer-gap: $base_padding;
|
||||||
|
padding: $base_padding;
|
||||||
|
|
||||||
|
.keyboard-key {
|
||||||
|
@include keyboard_key(normal, $key_bg_color, $osd_fg_color);
|
||||||
|
|
||||||
|
&:focus { @include keyboard_key(focus);}
|
||||||
|
&:hover { @include keyboard_key(hover, $key_bg_color, $osd_fg_color);}
|
||||||
|
&:active { @include keyboard_key(active, $key_bg_color, $osd_fg_color); }
|
||||||
|
&:checked { @include keyboard_key(checked, $key_bg_color, $osd_fg_color); }
|
||||||
|
|
||||||
|
border-radius:$key_border_radius;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// emoji
|
||||||
|
.emoji-page {
|
||||||
|
.keyboard-key {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: initial;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.emoji-panel {
|
||||||
|
.keyboard-key:latched {
|
||||||
|
border-color: lighten($selected_bg_color, 5%);
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// suggestions
|
||||||
|
.word-suggestions {
|
||||||
|
@include fontsize($base_font_size + 1);
|
||||||
|
spacing: 12px;
|
||||||
|
min-height: 17pt;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
color: $osd_fg_color;
|
||||||
|
|
||||||
|
// each suggestion
|
||||||
|
StButton {
|
||||||
|
margin: 0 3px;
|
||||||
|
min-width: 32px;
|
||||||
|
border-radius: $base_border_radius - 2px;
|
||||||
|
padding: 0px $base_padding*3;
|
||||||
|
|
||||||
|
@include keyboard_key(undecorated, $key_bg_color, $osd_fg_color);
|
||||||
|
|
||||||
|
&:focus { @include keyboard_key(focus);}
|
||||||
|
&:hover { @include keyboard_key(hover, $key_bg_color, $osd_fg_color);}
|
||||||
|
&:active { @include keyboard_key(active, $key_bg_color, $osd_fg_color); }
|
||||||
|
&:checked { @include keyboard_key(checked, $key_bg_color, $osd_fg_color); }
|
||||||
|
}
|
||||||
|
}
|
||||||
285
gnome-shell-sass/widgets/_login-lock.scss
Normal file
285
gnome-shell-sass/widgets/_login-lock.scss
Normal file
|
|
@ -0,0 +1,285 @@
|
||||||
|
$_gdm_bg: $system_bg_color;
|
||||||
|
$_gdm_fg: $system_fg_color;
|
||||||
|
$_gdm_dialog_width: 23em;
|
||||||
|
|
||||||
|
// common style for gdm and lockscreen
|
||||||
|
.login-dialog,
|
||||||
|
.unlock-dialog {
|
||||||
|
|
||||||
|
.caps-lock-warning-label,
|
||||||
|
.login-dialog-message-warning {
|
||||||
|
color: $_gdm_fg;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Login Dialog */
|
||||||
|
.login-dialog {
|
||||||
|
background-color: $_gdm_bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
// buttons
|
||||||
|
.login-dialog-button {
|
||||||
|
|
||||||
|
&.cancel-button,
|
||||||
|
&.switch-user-button,
|
||||||
|
&.login-dialog-session-list-button {
|
||||||
|
@extend .icon-button;
|
||||||
|
@extend %system_button;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.cancel-button {
|
||||||
|
padding: $base_padding*1.5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-button-box {
|
||||||
|
width: $_gdm_dialog_width;
|
||||||
|
spacing: $base_padding*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-logo-bin {
|
||||||
|
margin:3em 0;
|
||||||
|
}
|
||||||
|
.login-dialog-banner { color: darken($_gdm_fg,10%); }
|
||||||
|
.login-dialog-banner-view { max-width: $_gdm_dialog_width; }
|
||||||
|
.login-dialog-message { text-align: center; }
|
||||||
|
.login-dialog-user-selection-box { padding: 100px 0px; }
|
||||||
|
|
||||||
|
.login-dialog-not-listed-label {
|
||||||
|
@include fontsize($base_font_size);
|
||||||
|
font-weight: bold;
|
||||||
|
color: darken($_gdm_fg,30%);
|
||||||
|
padding: $base_padding*2;
|
||||||
|
|
||||||
|
.login-dialog-not-listed-button:focus &,
|
||||||
|
.login-dialog-not-listed-button:hover & {
|
||||||
|
color: $_gdm_fg;
|
||||||
|
}
|
||||||
|
.login-dialog-not-listed-button:focus & {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-auth-list-view { -st-vfade-offset: 1em; }
|
||||||
|
.login-dialog-auth-list {
|
||||||
|
spacing: 6px;
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
.login-dialog-auth-list-title {
|
||||||
|
margin-left: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-auth-list-item {
|
||||||
|
border-radius: $base_border_radius*2;
|
||||||
|
padding: 4px;
|
||||||
|
color: darken($_gdm_fg,30%);
|
||||||
|
|
||||||
|
&:focus, &:selected {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-auth-list-label {
|
||||||
|
@include fontsize($base_font_size + 2);
|
||||||
|
font-weight: bold;
|
||||||
|
padding-left: 15px;
|
||||||
|
|
||||||
|
&:ltr { padding-left: 14px; text-align: left; }
|
||||||
|
&:rtl { padding-right: 14px; text-align: right; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-user-list-view { -st-vfade-offset: 1em; }
|
||||||
|
|
||||||
|
.login-dialog-user-list {
|
||||||
|
spacing: 12px;
|
||||||
|
width: $_gdm_dialog_width;
|
||||||
|
|
||||||
|
.login-dialog-user-list-item {
|
||||||
|
border-radius: $base_border_radius + 4px;
|
||||||
|
padding: $base_padding;
|
||||||
|
background-color: transparentize($_gdm_fg, .95);
|
||||||
|
color: $_gdm_fg;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow:inset 0 0 0 1px $hc_inset_color;;
|
||||||
|
}
|
||||||
|
.user-widget .user-icon {
|
||||||
|
border: 4px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-timed-login-indicator {
|
||||||
|
height: 2px;
|
||||||
|
margin-top: 6px;
|
||||||
|
background-color: darken($_gdm_fg, 30%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:focus .login-dialog-timed-login-indicator { background-color: $selected_fg_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:expanded .login-dialog-user-list-item {
|
||||||
|
transition-duration: 300ms;
|
||||||
|
transition-timing-function: ease;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: transparentize($_gdm_fg, .9);
|
||||||
|
color: $_gdm_fg;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:selected {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
&:hover { background-color: lighten($selected_bg_color,5%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
&:logged-in {
|
||||||
|
.user-widget .user-icon {
|
||||||
|
border-color: $selected_bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-prompt-layout {
|
||||||
|
spacing: $base_padding*2;
|
||||||
|
width: 26em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-dialog-prompt-entry {
|
||||||
|
@extend %system_entry;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Screen Shield */
|
||||||
|
// a.k.a. the lockscreen
|
||||||
|
|
||||||
|
.unlock-dialog {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screen-shield-background { // just the shadow, really
|
||||||
|
background: black;
|
||||||
|
box-shadow: 0 2px 4px rgba(0,0,0,0.6);
|
||||||
|
}
|
||||||
|
|
||||||
|
#lockDialogGroup {
|
||||||
|
background-color: $_gdm_bg;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Clock
|
||||||
|
.unlock-dialog-clock {
|
||||||
|
color: $_gdm_fg;
|
||||||
|
spacing: 2em;
|
||||||
|
|
||||||
|
.unlock-dialog-clock-time {
|
||||||
|
@extend %numeric;
|
||||||
|
@include fontsize(72);
|
||||||
|
font-weight: 200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unlock-dialog-clock-date {
|
||||||
|
@extend %title_1;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
|
||||||
|
.unlock-dialog-clock-hint {
|
||||||
|
margin-top: 2em;
|
||||||
|
padding: $base_padding $base_padding*3;
|
||||||
|
border-radius: $base_border_radius*2;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Notifications
|
||||||
|
#unlockDialogNotifications {
|
||||||
|
StButton#vhandle, StButton#hhandle {
|
||||||
|
background-color: transparentize($bg_color,0.7);
|
||||||
|
&:hover, &:focus { background-color: transparentize($bg_color,0.5); }
|
||||||
|
&:active { background-color: transparentize($selected_bg_color,0.5); }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.unlock-dialog-notifications-container {
|
||||||
|
margin: 12px;
|
||||||
|
spacing: 6px;
|
||||||
|
width: $_gdm_dialog_width;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
.summary-notification-stack-scrollview {
|
||||||
|
padding-top: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification,
|
||||||
|
.unlock-dialog-notification-source {
|
||||||
|
padding: 12px 16px;
|
||||||
|
border: none;
|
||||||
|
background-color: transparentize($_gdm_fg,0.9);
|
||||||
|
color: $_gdm_fg;
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
|
||||||
|
&.critical { background-color: transparentize($_gdm_fg,0.8) }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.unlock-dialog-notification-label {
|
||||||
|
padding-left: 12px;
|
||||||
|
padding-right: 0;
|
||||||
|
&:rtl { padding-right: 12px; padding-left: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.unlock-dialog-notification-count-text {
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 0 12px;
|
||||||
|
color: $_gdm_fg;
|
||||||
|
background-color: transparentize($_gdm_fg, 0.9);
|
||||||
|
border-radius: 99px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// User Widget
|
||||||
|
.user-widget {
|
||||||
|
|
||||||
|
.user-widget-label {
|
||||||
|
color: $_gdm_fg;
|
||||||
|
}
|
||||||
|
|
||||||
|
// layout of the user list
|
||||||
|
&.horizontal {
|
||||||
|
spacing: $base_padding*3;
|
||||||
|
.user-widget-label {
|
||||||
|
@extend %title_3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-icon {
|
||||||
|
& StIcon {
|
||||||
|
padding: 12px;
|
||||||
|
icon-size: $base_icon_size*2;
|
||||||
|
width: $base_icon_size*3;
|
||||||
|
height: $base_icon_size*3;
|
||||||
|
background-color: transparentize($_gdm_fg, 0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// layout of the login prompt
|
||||||
|
&.vertical {
|
||||||
|
spacing: $base_padding*4;
|
||||||
|
|
||||||
|
.user-widget-label {
|
||||||
|
@extend %title_1;
|
||||||
|
text-align: center;
|
||||||
|
margin-bottom: .75em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.user-icon {
|
||||||
|
icon-size: $base_icon_size*10;
|
||||||
|
|
||||||
|
& StIcon {
|
||||||
|
padding: 32px;
|
||||||
|
icon-size: $base_icon_size*4;
|
||||||
|
background-color: transparentize($_gdm_fg, 0.9);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
132
gnome-shell-sass/widgets/_looking-glass.scss
Normal file
132
gnome-shell-sass/widgets/_looking-glass.scss
Normal file
|
|
@ -0,0 +1,132 @@
|
||||||
|
/* Looking Glass */
|
||||||
|
|
||||||
|
// Dialog
|
||||||
|
#LookingGlassDialog {
|
||||||
|
|
||||||
|
@extend %osd_panel;
|
||||||
|
background-color: transparentize($osd_bg_color,0.02);
|
||||||
|
color: $osd_fg_color;
|
||||||
|
|
||||||
|
border-radius: 0 0 $modal_radius $modal_radius;
|
||||||
|
|
||||||
|
border-top-width: 0;
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
box-shadow: 0 2px 4px 0 $shadow_color;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 2px solid $hc_inset_color;
|
||||||
|
background-color: $osd_bg_color;
|
||||||
|
box-shadow:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
& > #Toolbar {
|
||||||
|
border: none;
|
||||||
|
padding: $base_padding;
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
spacing: $base_padding;
|
||||||
|
|
||||||
|
.lg-toolbar-button {
|
||||||
|
@extend %osd_button;
|
||||||
|
padding: $base_padding $base_padding*2;
|
||||||
|
|
||||||
|
& > StIcon { icon-size: $base_icon_size; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.labels {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notebook-tab {
|
||||||
|
@extend %osd_button;
|
||||||
|
-natural-hpadding: $base_padding*2;
|
||||||
|
-minimum-hpadding: $base_padding*2;
|
||||||
|
padding: $base_padding $base_padding*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
StBoxLayout#EvalBox { padding: 4px; spacing: $base_padding; padding: $base_padding; }
|
||||||
|
StBoxLayout#ResultsArea { spacing: $base_padding; padding: $base_padding; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-dialog {
|
||||||
|
|
||||||
|
StEntry {
|
||||||
|
@extend %osd_entry;
|
||||||
|
min-height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.shell-link {
|
||||||
|
color: $link_color;
|
||||||
|
&:hover { color: lighten($link_color, 10%); }
|
||||||
|
&:active { color: darken($link_color, 10%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.actor-link {
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
&:hover { color: lighten($insensitive_fg_color, 20%); }
|
||||||
|
&:active { color: darken($insensitive_fg_color, 20%); }
|
||||||
|
|
||||||
|
& StIcon { icon-size: 12px; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-completions-text {
|
||||||
|
@extend %caption;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-obj-inspector-title {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-obj-inspector-button {
|
||||||
|
border: 1px solid $borders_color;
|
||||||
|
padding: 4px;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
&:hover { border: 1px solid $fg_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// Extensions
|
||||||
|
#lookingGlassExtensions { padding: $base_padding; }
|
||||||
|
|
||||||
|
.lg-extensions-list {
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-extension {
|
||||||
|
padding: $base_padding*2;
|
||||||
|
@include card;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-extension-name {
|
||||||
|
@extend %heading;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-extension-meta {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Inspector
|
||||||
|
#LookingGlassPropertyInspector {
|
||||||
|
background: $bg_color;
|
||||||
|
border: 1px solid $borders_color;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
padding: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-debug-flag-button {
|
||||||
|
StLabel { padding: $base_padding, 2 * $base_padding; }
|
||||||
|
|
||||||
|
color: $osd_fg_color;
|
||||||
|
&:hover { color: lighten($osd_fg_color, 20%); }
|
||||||
|
&:active { color: darken($osd_fg_color, 20%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.lg-debug-flags-header {
|
||||||
|
padding-top: 2 * $base_padding;
|
||||||
|
padding: $base_padding;
|
||||||
|
@extend %title_2;
|
||||||
|
}
|
||||||
190
gnome-shell-sass/widgets/_message-list.scss
Normal file
190
gnome-shell-sass/widgets/_message-list.scss
Normal file
|
|
@ -0,0 +1,190 @@
|
||||||
|
/* Message List */
|
||||||
|
// a.k.a. notifications in the menu
|
||||||
|
|
||||||
|
// main list
|
||||||
|
.message-list {
|
||||||
|
width: 29em;
|
||||||
|
border: solid $borders_color;
|
||||||
|
|
||||||
|
// padding and margins to account for scrollbar
|
||||||
|
&:ltr {margin-left: 0; margin-right: $base_margin; padding-right: $base_padding; border-right-width: 1px; }
|
||||||
|
&:rtl {margin-right: 0; margin-left: $base_margin; padding-left: $base_padding; border-left-width: 1px; }
|
||||||
|
|
||||||
|
.message-list-placeholder {
|
||||||
|
@extend %title_2;
|
||||||
|
color: $insensitive_fg_color;
|
||||||
|
|
||||||
|
// icon size and color
|
||||||
|
> StIcon {
|
||||||
|
icon-size: $base_icon_size*3; // 48px
|
||||||
|
margin-bottom: $base_margin*3;
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-list-sections {
|
||||||
|
spacing: $base_padding;
|
||||||
|
margin: 0;
|
||||||
|
padding-bottom: $base_padding;
|
||||||
|
|
||||||
|
// to account for scrollbar
|
||||||
|
&:ltr {margin-right: $base_margin * 3; }
|
||||||
|
&:rtl {margin-left: $base_margin * 3;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.message-list-section,
|
||||||
|
.message-list-section-list {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
// do-not-disturb + clear button
|
||||||
|
.message-list-controls {
|
||||||
|
// NOTE: remove the padding if notification_bubble could remove margin for drop shadow
|
||||||
|
padding: $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
@extend %heading;
|
||||||
|
|
||||||
|
.dnd-button {
|
||||||
|
// We need this because the focus outline isn't inset like for the buttons
|
||||||
|
// so the dnd button would grow when it gets focus if we didn't change only
|
||||||
|
// its color when focusing.
|
||||||
|
border-width: 2px;
|
||||||
|
border-color: transparent;
|
||||||
|
border-radius: 32px;
|
||||||
|
border-style: solid;
|
||||||
|
|
||||||
|
&:focus {
|
||||||
|
border-color: transparentize($selected_bg_color, 0.4);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// message bubbles
|
||||||
|
.message {
|
||||||
|
@include card;
|
||||||
|
|
||||||
|
// icon container
|
||||||
|
.message-icon-bin {
|
||||||
|
padding: ($base_padding * 3);
|
||||||
|
|
||||||
|
&:ltr {padding-right:$base_padding;}
|
||||||
|
&:rtl {padding-left:$base_padding;}
|
||||||
|
|
||||||
|
// icon size and color
|
||||||
|
> StIcon {
|
||||||
|
icon-size: $large_icon_size; // 32px
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// fallback
|
||||||
|
> .fallback-app-icon {
|
||||||
|
width: $base_icon_size;
|
||||||
|
height: $base_icon_size;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// content
|
||||||
|
.message-content {
|
||||||
|
spacing: 4px;
|
||||||
|
padding: ($base_padding*1.5);
|
||||||
|
margin-bottom: $base_margin*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// title
|
||||||
|
.message-title {
|
||||||
|
font-weight: bold;
|
||||||
|
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
|
||||||
|
padding-top: 0.57em;
|
||||||
|
}
|
||||||
|
|
||||||
|
// secondary container in title box
|
||||||
|
.message-secondary-bin {
|
||||||
|
padding: 0 $base_margin * 2;
|
||||||
|
|
||||||
|
// notification time stamp
|
||||||
|
> .event-time {
|
||||||
|
color: transparentize($fg_color, 0.5);
|
||||||
|
@include fontsize($base_font_size - 2);
|
||||||
|
/* HACK: the label should be baseline-aligned with a 1em label, fake this with some bottom padding */
|
||||||
|
padding-bottom: 0.13em;
|
||||||
|
|
||||||
|
&:ltr { text-align: right };
|
||||||
|
&:rtl { text-align: left };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// close button
|
||||||
|
.message-close-button {
|
||||||
|
color: $fg_color;
|
||||||
|
background-color: transparentize($fg_color, 0.8);
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding - 1px;
|
||||||
|
margin: 1px;
|
||||||
|
&:hover {background-color: transparentize($fg_color, 0.7);}
|
||||||
|
&:active {background-color: transparentize($fg_color, 0.8);}
|
||||||
|
|
||||||
|
> StIcon { icon-size: $base_icon_size; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// body
|
||||||
|
.message-body {color: darken($fg_color, 10%);}
|
||||||
|
}
|
||||||
|
|
||||||
|
// URLs in messages
|
||||||
|
.url-highlighter {
|
||||||
|
link-color: $link_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Media Controls */
|
||||||
|
.message-media-control {
|
||||||
|
padding: 0 $base_padding*3;
|
||||||
|
margin: $base_padding*2 0;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
color: $fg_color;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 1px solid $hc_inset_color;
|
||||||
|
margin: $base_padding*2 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// colors are lightened since the media controls are in a card
|
||||||
|
&:hover {
|
||||||
|
background-color: lighten($hover_bg_color, 5%);
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: lighten($active_bg_color, 5%);
|
||||||
|
color: $fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
color: lighten($insensitive_fg_color, 5%);
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// fix margin for last button
|
||||||
|
&:last-child:ltr { margin-right: $base_margin*3; }
|
||||||
|
&:last-child:rtl { margin-left: $base_margin*3; }
|
||||||
|
|
||||||
|
& StIcon { icon-size: $base_icon_size; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// album-art
|
||||||
|
.media-message-cover-icon {
|
||||||
|
icon-size: $base_icon_size*3 !important; // 48px
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
|
||||||
|
// when there is no artwork
|
||||||
|
&.fallback {
|
||||||
|
color: darken($fg_color, 17%);
|
||||||
|
background-color: $bg_color;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
icon-size: $large_icon_size !important; // 32px
|
||||||
|
padding: ($base_padding*2 + 2); // 16px
|
||||||
|
}
|
||||||
|
}
|
||||||
53
gnome-shell-sass/widgets/_misc.scss
Normal file
53
gnome-shell-sass/widgets/_misc.scss
Normal file
|
|
@ -0,0 +1,53 @@
|
||||||
|
// Rubberband for select-area screenshots
|
||||||
|
.select-area-rubberband {
|
||||||
|
background-color: transparentize($selected_bg_color,0.7);
|
||||||
|
border: 1px solid $selected_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// User icon
|
||||||
|
.user-icon {
|
||||||
|
background-size: contain;
|
||||||
|
color: $osd_fg_color;
|
||||||
|
border-radius: 99px;
|
||||||
|
icon-size: $base_icon_size * 4; // 64px
|
||||||
|
|
||||||
|
& StIcon {
|
||||||
|
background-color: transparentize($osd_fg_color,0.95);
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding * 2 ; // 12px
|
||||||
|
width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.user-avatar {
|
||||||
|
box-shadow:inset 0 0 0 1px transparentize($osd_fg_color, 0.9);
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow:inset 0 0 0 1px $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.lightbox { background-color: black; }
|
||||||
|
.flashspot { background-color: white; }
|
||||||
|
|
||||||
|
// Hidden
|
||||||
|
.hidden { color: transparent;}
|
||||||
|
|
||||||
|
// Caps-lock warning
|
||||||
|
.caps-lock-warning-label {
|
||||||
|
text-align: center;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
@extend %caption;
|
||||||
|
color: $warning_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Workspace animation */
|
||||||
|
|
||||||
|
.workspace-animation {
|
||||||
|
background-color: $system_bg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tiled window previews */
|
||||||
|
.tile-preview {
|
||||||
|
background-color: transparentize($selected_bg_color,0.5);
|
||||||
|
border: 1px solid $selected_bg_color;
|
||||||
|
}
|
||||||
61
gnome-shell-sass/widgets/_notifications.scss
Normal file
61
gnome-shell-sass/widgets/_notifications.scss
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
/* Notifications & Message Tray */
|
||||||
|
|
||||||
|
$notification_banner_height: 64px;
|
||||||
|
$notification_banner_width: 34em;
|
||||||
|
$notification_banner_radius: $base_border_radius*1.5;
|
||||||
|
|
||||||
|
// Banner notifications
|
||||||
|
.notification-banner {
|
||||||
|
min-height: $notification_banner_height;
|
||||||
|
width: $notification_banner_width;
|
||||||
|
box-shadow: 0 2px 4px 2px $shadow_color;
|
||||||
|
border-radius: $notification_banner_radius;
|
||||||
|
margin: $base_margin;
|
||||||
|
|
||||||
|
.notification-actions {
|
||||||
|
spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notification-button {
|
||||||
|
@extend %bubble_button;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// counter
|
||||||
|
.summary-source-counter {
|
||||||
|
font-size: $base_font_size - 1pt;
|
||||||
|
font-weight: bold;
|
||||||
|
height: 1.6em;
|
||||||
|
width: 1.6em;
|
||||||
|
-shell-counter-overlap-x: 3px;
|
||||||
|
-shell-counter-overlap-y: 3px;
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
border: 2px solid $fg_color;
|
||||||
|
box-shadow: 0 2px 2px rgba(0,0,0,0.5);
|
||||||
|
border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
// chat bubbles
|
||||||
|
.chat-body { spacing: 5px; }
|
||||||
|
.chat-response { margin: 5px; }
|
||||||
|
.chat-log-message { color: darken($fg_color,10%); }
|
||||||
|
.chat-new-group { padding-top: 1em; }
|
||||||
|
.chat-received {
|
||||||
|
padding-left: 4px;
|
||||||
|
&:rtl { padding-left: 0px; padding-right: 4px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-sent {
|
||||||
|
padding-left: 18pt;
|
||||||
|
color: lighten($fg_color, 15%);
|
||||||
|
&:rtl { padding-left: 0; padding-right: 18pt; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.chat-meta-message {
|
||||||
|
padding-left: 4px;
|
||||||
|
@include fontsize($base_font_size - 2);
|
||||||
|
font-weight: bold;
|
||||||
|
color: lighten($fg_color,18%);
|
||||||
|
&:rtl { padding-left: 0; padding-right: 4px; }
|
||||||
|
}
|
||||||
64
gnome-shell-sass/widgets/_osd.scss
Normal file
64
gnome-shell-sass/widgets/_osd.scss
Normal file
|
|
@ -0,0 +1,64 @@
|
||||||
|
/* OSD */
|
||||||
|
|
||||||
|
$osd_levelbar_height:6px;
|
||||||
|
|
||||||
|
.osd-window {
|
||||||
|
@extend %osd_panel;
|
||||||
|
@extend %heading;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: bold;
|
||||||
|
spacing: $base_padding * 2; // 12px
|
||||||
|
padding: $base_padding * 2 $base_padding * 3;
|
||||||
|
& > * { spacing: 8px; }
|
||||||
|
margin-bottom: 4em;
|
||||||
|
|
||||||
|
StIcon { icon-size:$large_icon_size;}
|
||||||
|
|
||||||
|
StLabel {
|
||||||
|
&:ltr { margin-right: 6px; }
|
||||||
|
&:rtl { margin-left: 6px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.level {
|
||||||
|
margin-bottom: 4px;
|
||||||
|
&:first-child { margin-bottom: 0px; }
|
||||||
|
|
||||||
|
height: $osd_levelbar_height;
|
||||||
|
min-width:$base_icon_size * 10;
|
||||||
|
-barlevel-height: $osd_levelbar_height;
|
||||||
|
-barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9));
|
||||||
|
-barlevel-active-background-color: $osd_fg_color;
|
||||||
|
-barlevel-overdrive-color: $destructive_color;
|
||||||
|
-barlevel-overdrive-separator-width: 3px;
|
||||||
|
&:ltr { margin-right: 6px; }
|
||||||
|
&:rtl { margin-left: 6px; }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Monitor number label
|
||||||
|
.osd-monitor-label {
|
||||||
|
@extend %osd_panel;
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
font-size: 3em;
|
||||||
|
font-weight: bold;
|
||||||
|
margin: $base_margin * 3;
|
||||||
|
text-align: center;
|
||||||
|
min-width: 1.3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pad OSD */
|
||||||
|
.pad-osd-window {
|
||||||
|
padding: 32px;
|
||||||
|
background-color: transparentize(#000, 0.2);
|
||||||
|
|
||||||
|
.pad-osd-title-box { spacing: 12px; }
|
||||||
|
.pad-osd-title-menu-box { spacing: 6px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.combo-box-label {
|
||||||
|
width: 15em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.resize-popup {
|
||||||
|
@extend %osd_panel;
|
||||||
|
}
|
||||||
13
gnome-shell-sass/widgets/_overview.scss
Normal file
13
gnome-shell-sass/widgets/_overview.scss
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
/* OVERVIEW */
|
||||||
|
|
||||||
|
.controls-manager, .secondary-monitor-workspaces {
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
#overviewGroup {
|
||||||
|
background-color: $system_base_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.overview-controls {
|
||||||
|
padding-bottom: 32px;
|
||||||
|
}
|
||||||
242
gnome-shell-sass/widgets/_panel.scss
Normal file
242
gnome-shell-sass/widgets/_panel.scss
Normal file
|
|
@ -0,0 +1,242 @@
|
||||||
|
/* Top Bar */
|
||||||
|
// a.k.a. the panel
|
||||||
|
|
||||||
|
$panel_bg_color: if($variant == 'light', $light_3, $dark_5);
|
||||||
|
$panel_fg_color: if($variant == 'light', $fg_color, darken($fg_color, 5%));
|
||||||
|
$panel_border_color: if($variant == 'light', darken($panel_bg_color, 2%), $panel_bg_color);
|
||||||
|
|
||||||
|
$panel_system_fg_color: $system_fg_color; // always light for lockscreen, overview and other transparent panels
|
||||||
|
$panel_height: 2.2em;
|
||||||
|
$panel_transition_duration: 250ms; // same as the overview transition duration
|
||||||
|
|
||||||
|
#panel {
|
||||||
|
background-color: $panel_bg_color;
|
||||||
|
font-weight: bold;
|
||||||
|
height: $panel_height;
|
||||||
|
@extend %numeric;
|
||||||
|
transition-duration: $panel_transition_duration;
|
||||||
|
box-shadow: inset 0 -1px 0 0 $panel_border_color;
|
||||||
|
|
||||||
|
// transparent panel on lock & login screens
|
||||||
|
&.unlock-screen,
|
||||||
|
&.login-screen,
|
||||||
|
&:overview {
|
||||||
|
background-color: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
.panel-button {
|
||||||
|
color: $panel_system_fg_color !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// panel menus
|
||||||
|
.panel-button {
|
||||||
|
font-weight: bold;
|
||||||
|
color: $panel_fg_color;
|
||||||
|
-natural-hpadding: $base_padding * 2;
|
||||||
|
-minimum-hpadding: $base_padding;
|
||||||
|
transition-duration: 150ms;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 99px;
|
||||||
|
|
||||||
|
&.clock-display {
|
||||||
|
.clock {
|
||||||
|
transition-duration: 150ms;
|
||||||
|
border: 3px solid transparent;
|
||||||
|
border-radius: 99px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px $screenshot_ui_button_red;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px $warning_color;
|
||||||
|
StBoxLayout { margin: 0 $base_padding; }
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator,
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
StBoxLayout {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
StIcon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active, &:overview, &:focus, &:checked {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.8);
|
||||||
|
|
||||||
|
// The clock display needs to have the background on .clock because
|
||||||
|
// we want to exclude the do-not-disturb indicator from the background
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.85);
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.85);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.75);
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_fg_color, 0.75);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// status area icons
|
||||||
|
.system-status-icon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
padding: $base_padding - 1px;
|
||||||
|
margin: 0 $base_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-status-indicators-box .system-status-icon,
|
||||||
|
.panel-status-menu-box .system-status-icon {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// app menu icon
|
||||||
|
.app-menu-icon {
|
||||||
|
-st-icon-style: symbolic;
|
||||||
|
// dimensions of the icon are hardcoded
|
||||||
|
}
|
||||||
|
|
||||||
|
&#panelActivities {
|
||||||
|
-natural-hpadding: $base_padding * 3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.unlock-screen,
|
||||||
|
&.login-screen,
|
||||||
|
&:overview {
|
||||||
|
.panel-button {
|
||||||
|
&:active, &:overview, &:focus, &:checked {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
|
||||||
|
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.85);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.15);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.15);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.90);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.1);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active:hover, &:overview:hover, &:focus:hover, &:checked:hover {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
|
||||||
|
&.clock-display {
|
||||||
|
box-shadow: none;
|
||||||
|
.clock {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($panel_system_fg_color, 0.8);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&.screen-recording-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($screenshot_ui_button_red, 0.2);
|
||||||
|
}
|
||||||
|
&.screen-sharing-indicator {
|
||||||
|
box-shadow: inset 0 0 0 100px transparentize($warning_color, 0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.panel-status-indicators-box,
|
||||||
|
.panel-status-menu-box {
|
||||||
|
spacing: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// spacing between power icon and (optional) percentage label
|
||||||
|
.power-status.panel-status-indicators-box {
|
||||||
|
spacing: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// indicator for active
|
||||||
|
.screencast-indicator,
|
||||||
|
.remote-access-indicator { color: $warning_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// App Menu
|
||||||
|
#appMenu {
|
||||||
|
spacing: $base_padding;
|
||||||
|
.label-shadow { color: transparent; }
|
||||||
|
}
|
||||||
|
|
||||||
|
#appMenu .panel-status-menu-box {
|
||||||
|
padding: 0 $base_padding;
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Clock
|
||||||
|
|
||||||
|
.clock-display-box {
|
||||||
|
spacing: 2px;
|
||||||
|
|
||||||
|
.clock {
|
||||||
|
padding-left: $base_padding * 2;
|
||||||
|
padding-right: $base_padding * 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
162
gnome-shell-sass/widgets/_popovers.scss
Normal file
162
gnome-shell-sass/widgets/_popovers.scss
Normal file
|
|
@ -0,0 +1,162 @@
|
||||||
|
/* Popovers/Menus */
|
||||||
|
|
||||||
|
$menu_bg_color: $bg_color;
|
||||||
|
$menuitem_bg_color: lighten($menu_bg_color, 4%);
|
||||||
|
$menuitem_border_radius: $base_border_radius*1.5;
|
||||||
|
|
||||||
|
$submenu_bg_color: lighten($menu_bg_color, 7%);
|
||||||
|
|
||||||
|
// the popover itself
|
||||||
|
.popup-menu-boxpointer {
|
||||||
|
-arrow-rise: $base_margin+2px; // distance from the panel & screen edge
|
||||||
|
}
|
||||||
|
|
||||||
|
// container of the popover menu
|
||||||
|
.popup-menu {
|
||||||
|
min-width: 15em;
|
||||||
|
color: $fg_color;
|
||||||
|
|
||||||
|
//.popup-status-menu-item {font-weight: normal; color: pink;} //dunno what that is
|
||||||
|
&.panel-menu {
|
||||||
|
margin-bottom: 1.75em; // so it doesn't touch the bottom of the screen
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// popover content
|
||||||
|
.popup-menu-content {
|
||||||
|
padding: $base_padding;
|
||||||
|
background-color: $bg_color;
|
||||||
|
border-radius: $modal_radius*1.25;
|
||||||
|
border: 1px solid $outer_borders_color;
|
||||||
|
box-shadow: 0 2px 4px 0 $shadow_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// menu items
|
||||||
|
.popup-menu-item {
|
||||||
|
@include menuitem($bg:$menu_bg_color);
|
||||||
|
|
||||||
|
border-radius: $menuitem_border_radius;
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
border-radius: $menuitem_border_radius $menuitem_border_radius 0 0 !important;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 1px solid $hc_inset_color;
|
||||||
|
border-bottom-width:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// add margin to switches in menu items
|
||||||
|
.toggle-switch {
|
||||||
|
&:ltr { margin-left: $base_margin;}
|
||||||
|
&:rtl { margin-right: $base_margin;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// all other graphical elements (sliders)
|
||||||
|
.popup-inactive-menu-item {
|
||||||
|
color: $fg_color;
|
||||||
|
&:insensitive { color: $insensitive_fg_color; }
|
||||||
|
}
|
||||||
|
|
||||||
|
// symbolic icons in popover
|
||||||
|
.popup-menu-arrow,
|
||||||
|
.popup-menu-icon {
|
||||||
|
icon-size: 16px !important; // for some reason the variable doesn't work here
|
||||||
|
}
|
||||||
|
|
||||||
|
// popover submenus
|
||||||
|
.popup-sub-menu {
|
||||||
|
border-radius: 0 0 $menuitem_border_radius+1px $menuitem_border_radius+1px;
|
||||||
|
margin-bottom: $base_padding;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border: 1px solid $hc_inset_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu-ornament {
|
||||||
|
min-width: $base_icon_size !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// submenu specific styles
|
||||||
|
.popup-menu-item {
|
||||||
|
border-radius: 0;
|
||||||
|
@include menuitem($bg:$submenu_bg_color, $flat:false);
|
||||||
|
border-top-width:0;
|
||||||
|
|
||||||
|
&:last-child {
|
||||||
|
border-radius: 0 0 $menuitem_border_radius $menuitem_border_radius;
|
||||||
|
border-bottom-width:0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu-section {
|
||||||
|
.popup-menu-item:last-child {
|
||||||
|
&:hover,&:focus { border-radius: 0;}
|
||||||
|
}
|
||||||
|
&:last-child .popup-menu-item:last-child {
|
||||||
|
border-radius: 0 0 $menuitem_border_radius $menuitem_border_radius;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// container for radio and check boxes
|
||||||
|
.popup-menu-ornament {
|
||||||
|
@extend %heading;
|
||||||
|
width: 1.2em;
|
||||||
|
text-align: center !important;
|
||||||
|
|
||||||
|
&:ltr { text-align: right;}
|
||||||
|
&:rtl { text-align: left;}
|
||||||
|
}
|
||||||
|
|
||||||
|
// separator
|
||||||
|
.popup-separator-menu-item {
|
||||||
|
border:none !important;
|
||||||
|
|
||||||
|
.popup-separator-menu-item-separator {
|
||||||
|
height: 1px; //not really the whole box
|
||||||
|
background-color: $borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.popup-menu-ornament {
|
||||||
|
width: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// separators in submenus
|
||||||
|
.popup-sub-menu & {
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
// account for ornament
|
||||||
|
&:ltr { margin-right: 2.5em;}
|
||||||
|
&:rtl { margin-left: 2.5em;}
|
||||||
|
|
||||||
|
.popup-separator-menu-item-separator {
|
||||||
|
background-color: $borders_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// desktop background menu
|
||||||
|
.background-menu {
|
||||||
|
-boxpointer-gap: 0px;
|
||||||
|
-arrow-rise: 0px; // hide the beak on the menu
|
||||||
|
}
|
||||||
|
|
||||||
|
// right-click (and panel) app menu
|
||||||
|
.app-menu {
|
||||||
|
max-width: 27.25em;
|
||||||
|
|
||||||
|
// this is unneeded at the top-level in this menu, hide it
|
||||||
|
.popup-menu-ornament { width: 0 !important; }
|
||||||
|
|
||||||
|
.popup-inactive-menu-item:first-child {
|
||||||
|
// "Open Windows" label
|
||||||
|
> StLabel {
|
||||||
|
@extend %caption_heading;
|
||||||
|
&:ltr {margin-right: $base_margin*2;}
|
||||||
|
&:rtl {margin-left: $base_margin*2;}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
188
gnome-shell-sass/widgets/_quick-settings.scss
Normal file
188
gnome-shell-sass/widgets/_quick-settings.scss
Normal file
|
|
@ -0,0 +1,188 @@
|
||||||
|
.quick-settings {
|
||||||
|
padding: $base_padding*3;
|
||||||
|
border-radius: $modal_radius*2.25;
|
||||||
|
|
||||||
|
.icon-button, .button {
|
||||||
|
padding: $base_padding*1.75;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-settings-grid {
|
||||||
|
spacing-rows: $base_padding*2;
|
||||||
|
spacing-columns: $base_padding*2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle, .quick-menu-toggle {
|
||||||
|
border-radius: 99px;
|
||||||
|
min-width: 12em;
|
||||||
|
max-width: 12em;
|
||||||
|
min-height: 48px;
|
||||||
|
border:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle {
|
||||||
|
&:checked { @include button(default, $c:$selected_bg_color); }
|
||||||
|
|
||||||
|
& > StBoxLayout { spacing: $base_padding*1.5; }
|
||||||
|
|
||||||
|
/* Move padding into the box; this is to allow menu arrows
|
||||||
|
to extend to the border */
|
||||||
|
&.button { padding: 0; }
|
||||||
|
& > StBoxLayout { padding: 0 $base_padding*2; }
|
||||||
|
&:ltr > StBoxLayout { padding-left: $base_padding*2.5; }
|
||||||
|
&:rtl > StBoxLayout { padding-right: $base_padding*2.5; }
|
||||||
|
|
||||||
|
.quick-toggle-title { font-weight: bold; }
|
||||||
|
|
||||||
|
& StBoxLayout > .quick-toggle-subtitle {
|
||||||
|
font-weight: normal;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-icon { icon-size: $base_icon_size; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-menu-toggle {
|
||||||
|
& .quick-toggle {
|
||||||
|
min-width: auto;
|
||||||
|
max-width: auto;
|
||||||
|
|
||||||
|
&:ltr { border-radius: 99px 0 0 99px; }
|
||||||
|
&:ltr > StBoxLayout { padding-right: $base_padding*1.5; }
|
||||||
|
&:rtl { border-radius: 0 99px 99px 0; }
|
||||||
|
&:rtr > StBoxLayout { padding-left: $base_padding*1.5; }
|
||||||
|
|
||||||
|
&:ltr:last-child { border-radius: 99px; }
|
||||||
|
&:rtl:last-child { border-radius: 99px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
& .quick-toggle-arrow {
|
||||||
|
padding: $base_padding $base_padding*1.75;
|
||||||
|
border-width: 0;
|
||||||
|
|
||||||
|
&:checked {
|
||||||
|
@include button(default, $c:$selected_bg_color);
|
||||||
|
border-color: $selected_borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:ltr {
|
||||||
|
border-radius: 0 99px 99px 0;
|
||||||
|
border-left-width: 1px;
|
||||||
|
}
|
||||||
|
&:rtl {
|
||||||
|
border-radius: 99px 0 0 99px;
|
||||||
|
border-right-width: 1px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-slider {
|
||||||
|
& > StBoxLayout { spacing: $base_padding; }
|
||||||
|
|
||||||
|
.icon-button { padding: $base_padding; }
|
||||||
|
|
||||||
|
.slider-bin {
|
||||||
|
&:focus {@include button(focus);}
|
||||||
|
min-height: 16px; // slider size
|
||||||
|
padding: $base_padding;
|
||||||
|
border-radius: 99px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-menu {
|
||||||
|
@include card;
|
||||||
|
|
||||||
|
// override some card styles
|
||||||
|
background-color: $bg_color !important;
|
||||||
|
color: $fg_color !important;
|
||||||
|
|
||||||
|
border-radius: $base_border_radius*3;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
margin: $base_padding*2 $base_padding*3 0;
|
||||||
|
|
||||||
|
.popup-menu-item > StIcon { -st-icon-style: symbolic; }
|
||||||
|
|
||||||
|
& .header {
|
||||||
|
spacing-rows: 0.5 * $base_padding;
|
||||||
|
spacing-columns: $base_padding*2;
|
||||||
|
padding-bottom: 2 * $base_padding;
|
||||||
|
|
||||||
|
& .icon {
|
||||||
|
icon-size: $base_icon_size*1.5; // a non-standard symbolic size but ok
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 1.5 * $base_padding;
|
||||||
|
background-color: transparentize($fg_color, 0.8);
|
||||||
|
|
||||||
|
&.active {
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
color: $selected_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& .title {
|
||||||
|
@extend %title_3;
|
||||||
|
}
|
||||||
|
|
||||||
|
& .subtitle {
|
||||||
|
@extend %caption_heading;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-toggle-menu-container {
|
||||||
|
}
|
||||||
|
|
||||||
|
.quick-settings-system-item {
|
||||||
|
& > StBoxLayout { spacing: 2 * $base_padding; }
|
||||||
|
|
||||||
|
& .power-item {
|
||||||
|
min-height: 0;
|
||||||
|
min-width: 0;
|
||||||
|
|
||||||
|
&:insensitive {
|
||||||
|
@include button(normal);
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nm-network-item {
|
||||||
|
.wireless-secure-icon { icon-size: 0.5 * $base_icon_size; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-device-item {
|
||||||
|
.popup-menu-icon { -st-icon-style: symbolic; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.bt-menu-placeholder.popup-menu-item {
|
||||||
|
@extend %title_4;
|
||||||
|
text-align: center;
|
||||||
|
|
||||||
|
padding: 2em 4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.device-subtitle { color: transparentize($fg_color, 0.5); }
|
||||||
|
|
||||||
|
// background apps
|
||||||
|
|
||||||
|
.background-apps-quick-toggle {
|
||||||
|
min-height: 40px;
|
||||||
|
background-color: transparent;
|
||||||
|
|
||||||
|
& StIcon { icon-size: $base_icon_size !important; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.background-app-item {
|
||||||
|
& .title { @extend %heading; }
|
||||||
|
& .subtitle { @extend %caption; }
|
||||||
|
& .popup-menu-icon {
|
||||||
|
icon-size: $large_icon_size !important;
|
||||||
|
-st-icon-style: regular !important;
|
||||||
|
}
|
||||||
|
& .close-button {
|
||||||
|
@extend .icon-button;
|
||||||
|
padding: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.popup-inactive-menu-item { color: $fg_color; }
|
||||||
|
}
|
||||||
204
gnome-shell-sass/widgets/_screenshot.scss
Normal file
204
gnome-shell-sass/widgets/_screenshot.scss
Normal file
|
|
@ -0,0 +1,204 @@
|
||||||
|
// Screenshot UI
|
||||||
|
.icon-label-button-container {
|
||||||
|
spacing: $base_padding;
|
||||||
|
@extend %caption;
|
||||||
|
|
||||||
|
StIcon { icon-size: 32px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
$screenshot_ui_panel_padding: $base_padding*3;
|
||||||
|
$screenshot_ui_shot_cast_margin: 21px;
|
||||||
|
$screenshot_ui_panel_border_radius: $modal_radius + $screenshot_ui_shot_cast_margin;
|
||||||
|
$screenshot_ui_shot_cast_spacing: 3px;
|
||||||
|
|
||||||
|
$screenshot_ui_button_red: $error_color;
|
||||||
|
|
||||||
|
.screenshot-ui-panel {
|
||||||
|
@extend %osd_panel;
|
||||||
|
border-radius: $screenshot_ui_panel_border_radius;
|
||||||
|
padding: $screenshot_ui_panel_padding;
|
||||||
|
// Reduce the bottom padding a little to accommodate the large capture button.
|
||||||
|
padding-bottom: $screenshot_ui_panel_padding - 6px;
|
||||||
|
margin-bottom: 4em;
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-close-button {
|
||||||
|
@extend .window-close; // copy window close button
|
||||||
|
padding: $base_padding !important; // but with more padding
|
||||||
|
margin-top: 12px;
|
||||||
|
box-shadow: 0 2px 4px 0 $shadow_color;
|
||||||
|
&.left { margin-left: 12px;}
|
||||||
|
&.right { margin-right: 12px;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-type-button {
|
||||||
|
@extend %osd_button_flat;
|
||||||
|
min-width: 48px;
|
||||||
|
padding: $base_padding * 2 $base_padding * 3 !important;
|
||||||
|
border-radius: $screenshot_ui_panel_border_radius - $screenshot_ui_panel_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-capture-button {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
border-radius: 99px;
|
||||||
|
border: 4px $osd_fg_color;
|
||||||
|
padding: 4px;
|
||||||
|
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: $osd_fg_color;
|
||||||
|
transition-duration: 200ms;
|
||||||
|
&:hover, &:focus { background-color: $hover_bg_color;}
|
||||||
|
border-radius: 99px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:hover, &:focus {
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: darken($osd_fg_color, 15%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: darken($osd_fg_color, 50%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
&:cast {
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: $screenshot_ui_button_red;
|
||||||
|
}
|
||||||
|
&:hover, &:focus {
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: lighten($screenshot_ui_button_red, 5%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
.screenshot-ui-capture-button-circle {
|
||||||
|
background-color: darken($screenshot_ui_button_red, 7%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-shot-cast-container {
|
||||||
|
background-color: lighten($osd_bg_color,5%);
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
padding: $screenshot_ui_shot_cast_spacing;
|
||||||
|
spacing: $screenshot_ui_shot_cast_spacing;
|
||||||
|
|
||||||
|
&:ltr { margin-left: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;}
|
||||||
|
&:rtl { margin-right: $screenshot_ui_shot_cast_margin - $screenshot_ui_panel_padding;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-shot-cast-button {
|
||||||
|
padding: $base_padding $base_padding*2;
|
||||||
|
background-color: transparent;
|
||||||
|
&:hover, &:focus { background-color: lighten($osd_bg_color, 10%);}
|
||||||
|
&:active { background-color: lighten($active_bg_color,5%);}
|
||||||
|
&:checked { background-color: white;color: black;}
|
||||||
|
&:insensitive { color: transparentize($osd_fg_color, 0.5);}
|
||||||
|
|
||||||
|
border-radius: $modal_radius - $screenshot_ui_shot_cast_spacing;
|
||||||
|
|
||||||
|
StIcon { icon-size: $base_icon_size;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-show-pointer-button {
|
||||||
|
@extend %osd_button_flat;
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding * 2 !important;
|
||||||
|
StIcon { icon-size: $base_icon_size;}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-area-indicator-shade {
|
||||||
|
background-color: rgba(0,0,0,.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-area-selector {
|
||||||
|
.screenshot-ui-area-indicator-shade {
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-area-indicator-selection {
|
||||||
|
border: 2px white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-area-selector-handle {
|
||||||
|
border-radius: 99px;
|
||||||
|
background-color: white;
|
||||||
|
box-shadow: 0 1px 3px 2px $shadow_color;
|
||||||
|
width: 24px;
|
||||||
|
height: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-window-selector {
|
||||||
|
background-color: $system_bg_color;
|
||||||
|
|
||||||
|
.screenshot-ui-window-selector-window-container {
|
||||||
|
margin: 100px;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:primary-monitor {
|
||||||
|
.screenshot-ui-window-selector-window-container {
|
||||||
|
// Make some room for the panel.
|
||||||
|
margin-bottom: 200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-window-selector-window-border {
|
||||||
|
transition-duration: 200ms;
|
||||||
|
border-radius: $modal_radius;
|
||||||
|
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: darken($selected_bg_color, 15%);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&:checked {
|
||||||
|
.screenshot-ui-window-selector-window-border {
|
||||||
|
border-color: $selected_bg_color;
|
||||||
|
background-color: transparentize($selected_bg_color, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-window-selector-check {
|
||||||
|
color: $selected_fg_color;
|
||||||
|
background-color: $selected_bg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-screen-selector {
|
||||||
|
transition-duration: 200ms;
|
||||||
|
background-color: rgba(0,0,0,.5);
|
||||||
|
|
||||||
|
&:hover { background-color: rgba(0,0,0,.3);}
|
||||||
|
&:active { background-color: rgba(0,0,0,.7);}
|
||||||
|
&:checked {
|
||||||
|
background-color: transparent;
|
||||||
|
border: 2px white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.screenshot-ui-tooltip {
|
||||||
|
color: $osd_fg_color;
|
||||||
|
background-color: $osd_bg_color;
|
||||||
|
border-radius: 99px;
|
||||||
|
padding: $base_padding $base_padding * 2;
|
||||||
|
text-align: center;
|
||||||
|
-y-offset: 24px;
|
||||||
|
}
|
||||||
29
gnome-shell-sass/widgets/_scrollbars.scss
Normal file
29
gnome-shell-sass/widgets/_scrollbars.scss
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
/* Scrollbars */
|
||||||
|
|
||||||
|
StScrollView {
|
||||||
|
&.vfade { -st-vfade-offset: 68px; }
|
||||||
|
&.hfade { -st-hfade-offset: 68px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
StScrollBar {
|
||||||
|
padding: 0;
|
||||||
|
|
||||||
|
StScrollView & {
|
||||||
|
min-width: 8px;
|
||||||
|
min-height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
StBin#trough {
|
||||||
|
border-radius: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
StButton#vhandle, StButton#hhandle {
|
||||||
|
border-radius: 8px;
|
||||||
|
background-color: mix($fg_color, $bg_color, 30%);
|
||||||
|
border: 3px solid transparent; //would be nice to margin or at least to transparent
|
||||||
|
transition: 500ms all ease;
|
||||||
|
&:hover {background-color: mix($fg_color, $bg_color, 50%);}
|
||||||
|
&:active {background-color: mix($fg_color, $bg_color, 40%);}
|
||||||
|
}
|
||||||
|
}
|
||||||
15
gnome-shell-sass/widgets/_search-entry.scss
Normal file
15
gnome-shell-sass/widgets/_search-entry.scss
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
// Search entry
|
||||||
|
.search-entry {
|
||||||
|
border-radius: 99px;
|
||||||
|
margin-top: $base_padding*2;
|
||||||
|
margin-bottom: $base_padding;
|
||||||
|
width: 24em;
|
||||||
|
|
||||||
|
@extend %system_entry;
|
||||||
|
|
||||||
|
.search-entry-icon {
|
||||||
|
icon-size: $base_icon_size;
|
||||||
|
margin-top: 2px; // center vertically
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
96
gnome-shell-sass/widgets/_search-results.scss
Normal file
96
gnome-shell-sass/widgets/_search-results.scss
Normal file
|
|
@ -0,0 +1,96 @@
|
||||||
|
/* Search */
|
||||||
|
|
||||||
|
// search overview container
|
||||||
|
#searchResults {
|
||||||
|
margin: 0 $base_margin;
|
||||||
|
}
|
||||||
|
|
||||||
|
#searchResultsContent {
|
||||||
|
max-width: 1072px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// search results sections "the boxes"
|
||||||
|
.search-section {
|
||||||
|
// This should be equal to #searchResultsContent spacing
|
||||||
|
spacing: $base_padding*3;
|
||||||
|
|
||||||
|
// separator (unstyled)
|
||||||
|
.search-section-separator {
|
||||||
|
height: $base_margin*2; // use it as a spacer
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// content
|
||||||
|
.search-section-content {
|
||||||
|
background-color: $system_overlay_bg_color;
|
||||||
|
color: $system_fg_color;
|
||||||
|
border-radius: $modal_radius*1.5;
|
||||||
|
padding: $base_padding*2;
|
||||||
|
margin:0 $base_margin*3;
|
||||||
|
}
|
||||||
|
|
||||||
|
%search_section_content_item {
|
||||||
|
@include tile_button($system_fg_color);
|
||||||
|
border-radius: $base_border_radius+3px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// "no results" text
|
||||||
|
.search-statustext {
|
||||||
|
@extend %title_1;
|
||||||
|
color: transparentize($system_fg_color, .2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-search-results {
|
||||||
|
spacing: $base_padding*5;
|
||||||
|
margin:0 $base_margin*3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Search results with icons
|
||||||
|
.grid-search-result {
|
||||||
|
@extend .app-well-app;
|
||||||
|
}
|
||||||
|
|
||||||
|
// search result provider
|
||||||
|
.search-provider-icon {
|
||||||
|
@extend %search_section_content_item;
|
||||||
|
&:ltr {margin-right: $base_margin;}
|
||||||
|
&:rtl {margin-left: $base_margin;}
|
||||||
|
|
||||||
|
// content
|
||||||
|
.list-search-provider-content {
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
|
||||||
|
// provider labels
|
||||||
|
.list-search-provider-details {
|
||||||
|
width: 120px;
|
||||||
|
color: $system_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// search results list
|
||||||
|
.list-search-results {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
// search result listitem
|
||||||
|
.list-search-result {
|
||||||
|
@extend %search_section_content_item;
|
||||||
|
|
||||||
|
// content
|
||||||
|
.list-search-result-content {
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
// list item title (with leading icon)
|
||||||
|
.list-search-result-title {
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
// font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// list item description
|
||||||
|
.list-search-result-description {
|
||||||
|
color: $system_insensitive_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
22
gnome-shell-sass/widgets/_slider.scss
Normal file
22
gnome-shell-sass/widgets/_slider.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
||||||
|
/* Slider */
|
||||||
|
|
||||||
|
$slider_size: 16px;
|
||||||
|
|
||||||
|
.slider {
|
||||||
|
// slider trough
|
||||||
|
-barlevel-height: 4px;
|
||||||
|
-barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough
|
||||||
|
-barlevel-border-width: 2px;
|
||||||
|
-barlevel-border-color: transparent; // trough border color
|
||||||
|
// fill style
|
||||||
|
-barlevel-active-background-color: $selected_bg_color;
|
||||||
|
-barlevel-active-border-color: transparent;
|
||||||
|
// overfill style (red in this case)
|
||||||
|
-barlevel-overdrive-color: $destructive_color;
|
||||||
|
-barlevel-overdrive-border-color: transparent; //trough border when red;
|
||||||
|
-barlevel-overdrive-separator-width:1px;
|
||||||
|
// slider handler
|
||||||
|
-slider-handle-radius: $slider_size * 0.5; // half the size of the size
|
||||||
|
-slider-handle-border-width: 0;
|
||||||
|
-slider-handle-border-color: transparent; // because 0 width
|
||||||
|
}
|
||||||
74
gnome-shell-sass/widgets/_switcher-popup.scss
Normal file
74
gnome-shell-sass/widgets/_switcher-popup.scss
Normal file
|
|
@ -0,0 +1,74 @@
|
||||||
|
/* App Switcher */
|
||||||
|
|
||||||
|
// same as dash
|
||||||
|
$switcher_padding: $base_padding*2;
|
||||||
|
|
||||||
|
|
||||||
|
// the full screen container of the switcher
|
||||||
|
.switcher-popup {
|
||||||
|
padding: 0;
|
||||||
|
spacing: $base_padding * 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// switcher onscreen panel
|
||||||
|
.switcher-list {
|
||||||
|
@extend %osd_panel;
|
||||||
|
padding: $switcher_padding;
|
||||||
|
border-radius: $modal_radius+$switcher_padding;
|
||||||
|
box-shadow: 0 8px 8px 0 $shadow_color;
|
||||||
|
|
||||||
|
// container for items in list
|
||||||
|
.switcher-list-item-container {
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// each item in the list
|
||||||
|
.item-box {
|
||||||
|
@include tile_button($fg_color);
|
||||||
|
// override over style so mouse doesn't steal focus
|
||||||
|
&:hover {background: none;}
|
||||||
|
@if $is_highcontrast {
|
||||||
|
box-shadow: inset 0 0 0 999px transparentize($hc_inset_color,0.2);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.separator {
|
||||||
|
width: 1px;
|
||||||
|
background: $borders_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// container of thumbnails
|
||||||
|
.thumbnail-box {
|
||||||
|
padding: 2px;
|
||||||
|
spacing: $base_padding;
|
||||||
|
}
|
||||||
|
|
||||||
|
// window thumbnail itself
|
||||||
|
.thumbnail {
|
||||||
|
width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js
|
||||||
|
border-radius:$base_border_radius;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// arrow if app has multiple windows
|
||||||
|
.switcher-arrow {
|
||||||
|
border-color: transparentize($osd_fg_color, 0.2);
|
||||||
|
color: transparentize($osd_fg_color, 0.2);
|
||||||
|
|
||||||
|
&:highlighted {
|
||||||
|
border-color: $osd_fg_color;
|
||||||
|
color: $osd_fg_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Input Source Switcher
|
||||||
|
.input-source-switcher-symbol {
|
||||||
|
font-size: 34pt;
|
||||||
|
width: 96px;
|
||||||
|
height: 96px;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Window cycler highlight
|
||||||
|
.cycler-highlight {
|
||||||
|
border: 5px solid $selected_bg_color;
|
||||||
|
}
|
||||||
16
gnome-shell-sass/widgets/_switches.scss
Normal file
16
gnome-shell-sass/widgets/_switches.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
||||||
|
/* Switches */
|
||||||
|
|
||||||
|
// these are equal to the size of the SVG assets
|
||||||
|
$switch_height: 26px;
|
||||||
|
$switch_width: 48px;
|
||||||
|
|
||||||
|
.toggle-switch {
|
||||||
|
color: $fg_color;
|
||||||
|
height: $switch_height;
|
||||||
|
width: $switch_width;
|
||||||
|
background-size: contain;
|
||||||
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg"));
|
||||||
|
&:checked {
|
||||||
|
background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg"));
|
||||||
|
}
|
||||||
|
}
|
||||||
54
gnome-shell-sass/widgets/_window-picker.scss
Normal file
54
gnome-shell-sass/widgets/_window-picker.scss
Normal file
|
|
@ -0,0 +1,54 @@
|
||||||
|
/* Window Picker */
|
||||||
|
|
||||||
|
$window_picker_spacing: $base_padding; // 6px
|
||||||
|
$window_picker_padding: $base_padding * 2; // 12px
|
||||||
|
|
||||||
|
$window_thumbnail_label_color: transparentize($system_bg_color, 0.4);
|
||||||
|
|
||||||
|
$window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02);
|
||||||
|
$window_close_button_size: 30px;
|
||||||
|
$window_close_button_padding: 3px;
|
||||||
|
|
||||||
|
// Window picker
|
||||||
|
.window-picker {
|
||||||
|
// Space between window thumbnails
|
||||||
|
spacing: $window_picker_spacing;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Window titles
|
||||||
|
.window-caption {
|
||||||
|
@extend %tooltip;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Close button
|
||||||
|
.window-close {
|
||||||
|
background-color: $window_close_button_color;
|
||||||
|
color: $system_fg_color;
|
||||||
|
border-radius: 99px;
|
||||||
|
box-shadow: 0 2px 4px 0 $shadow_color;
|
||||||
|
padding: $window_close_button_padding;
|
||||||
|
height: $window_close_button_size;
|
||||||
|
width: $window_close_button_size;
|
||||||
|
transition-duration: 100ms;
|
||||||
|
|
||||||
|
& StIcon { icon-size: 24px; } // uses non standard icon size
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background-color: lighten($window_close_button_color, 7%);
|
||||||
|
}
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: lighten($window_close_button_color, 13%);
|
||||||
|
}
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border:2px solid $outer_borders_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.workspace-background {
|
||||||
|
// keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js
|
||||||
|
border-radius: 30px;
|
||||||
|
background-color: $invisible_occluded_bg_color;
|
||||||
|
box-shadow: 0 4px 16px 4px $shadow_color;
|
||||||
|
}
|
||||||
25
gnome-shell-sass/widgets/_workspace-switcher.scss
Normal file
25
gnome-shell-sass/widgets/_workspace-switcher.scss
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
/* Workspace Switcher */
|
||||||
|
|
||||||
|
$ws_indicator_height: $large_icon_size;
|
||||||
|
$ws_dot_active: $ws_indicator_height / 3;
|
||||||
|
$ws_dot_inactive: $ws_indicator_height / 6;
|
||||||
|
|
||||||
|
.workspace-switcher {
|
||||||
|
@extend %osd_panel;
|
||||||
|
margin-bottom: 4em;
|
||||||
|
spacing: $base_padding * 2;
|
||||||
|
padding: $base_padding * 2 $base_padding * 3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ws-switcher-indicator {
|
||||||
|
background-color: transparentize($osd_fg_color,0.5);
|
||||||
|
padding: $ws_dot_inactive / 2;
|
||||||
|
margin: ($ws_indicator_height - $ws_dot_inactive) / 2;
|
||||||
|
border-radius: $ws_indicator_height;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: $osd_fg_color;
|
||||||
|
padding: $ws_dot_active / 2;
|
||||||
|
margin: ($ws_indicator_height - $ws_dot_active) / 2;
|
||||||
|
}
|
||||||
|
}
|
||||||
32
gnome-shell-sass/widgets/_workspace-thumbnails.scss
Normal file
32
gnome-shell-sass/widgets/_workspace-thumbnails.scss
Normal file
|
|
@ -0,0 +1,32 @@
|
||||||
|
/* Workspace pager */
|
||||||
|
|
||||||
|
// thumbnails in overview
|
||||||
|
.workspace-thumbnails {
|
||||||
|
visible-width: 32px; //amount visible before hover
|
||||||
|
spacing: $base_padding;
|
||||||
|
padding: $base_padding;
|
||||||
|
|
||||||
|
.workspace-thumbnail {
|
||||||
|
color: $system_fg_color;
|
||||||
|
background-color: lighten($system_bg_color, 10%);
|
||||||
|
border-radius: $base_border_radius*0.5;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
|
||||||
|
@if $is_highcontrast {
|
||||||
|
border-color: $hc_inset_color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// drag and drop indicator
|
||||||
|
.placeholder {
|
||||||
|
background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg");
|
||||||
|
background-size: contain;
|
||||||
|
width: 18px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// selected indicator
|
||||||
|
.workspace-thumbnail-indicator {
|
||||||
|
border: 3px solid $selected_bg_color;
|
||||||
|
border-radius: $base_border_radius;
|
||||||
|
}
|
||||||
343
gnome-shell-start.svg
Normal file
343
gnome-shell-start.svg
Normal file
|
|
@ -0,0 +1,343 @@
|
||||||
|
<?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: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"
|
||||||
|
inkscape:version="1.0.2 (e86c870879, 2021-01-15)"
|
||||||
|
id="svg8"
|
||||||
|
version="1.1"
|
||||||
|
viewBox="0 0 600 400"
|
||||||
|
height="400"
|
||||||
|
width="600"
|
||||||
|
sodipodi:docname="gnome-shell-start.svg">
|
||||||
|
<defs
|
||||||
|
id="defs2">
|
||||||
|
<linearGradient
|
||||||
|
id="a">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
stop-color="#eef4fc"
|
||||||
|
id="stop3"
|
||||||
|
style="stop-color:#b2cdf1;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#fff"
|
||||||
|
id="stop5" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient10562"
|
||||||
|
id="linearGradient10564"
|
||||||
|
x1="-1179.9999"
|
||||||
|
y1="1314.5198"
|
||||||
|
x2="-940.00006"
|
||||||
|
y2="1314.5198"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.3993149,0,0,1.3993149,1306.25,-919.42736)" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
id="linearGradient10562">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#3580e4;stop-opacity:1"
|
||||||
|
offset="0"
|
||||||
|
id="stop10558" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#8abfdd;stop-opacity:1"
|
||||||
|
offset="1"
|
||||||
|
id="stop10560" />
|
||||||
|
</linearGradient>
|
||||||
|
<clipPath
|
||||||
|
id="e-3"
|
||||||
|
clipPathUnits="userSpaceOnUse">
|
||||||
|
<path
|
||||||
|
d="m 65,177 c -18.502,0 -33.5,14.998 -33.5,33.5 0.008,7.371 4.131,15.807 11.388,23.526 l 12.617,13.171 H 75.02 l 12.137,-13.245 c 6.636,-7.059 11.33,-16.117 11.344,-23.452 0,-18.502 -14.998,-33.5 -33.5,-33.5 z"
|
||||||
|
style="marker:none"
|
||||||
|
fill="#ffffff"
|
||||||
|
stroke-width="2"
|
||||||
|
id="path34-6" />
|
||||||
|
</clipPath>
|
||||||
|
<radialGradient
|
||||||
|
r="33.5"
|
||||||
|
fy="48.405998"
|
||||||
|
fx="79.091003"
|
||||||
|
cy="48.405998"
|
||||||
|
cx="79.091003"
|
||||||
|
gradientTransform="matrix(0.00476,1.62228,-1.43419,0.00422,141.702,-82.047)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="f-7"
|
||||||
|
xlink:href="#b" />
|
||||||
|
<linearGradient
|
||||||
|
id="b">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
stop-color="#fff"
|
||||||
|
id="stop11" />
|
||||||
|
<stop
|
||||||
|
offset=".519"
|
||||||
|
stop-color="#fff"
|
||||||
|
id="stop13" />
|
||||||
|
<stop
|
||||||
|
offset=".734"
|
||||||
|
stop-color="#cfcfcf"
|
||||||
|
id="stop15" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#dcdcdc"
|
||||||
|
id="stop17" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
r="12"
|
||||||
|
fy="54.102001"
|
||||||
|
fx="71.473999"
|
||||||
|
cy="54.102001"
|
||||||
|
cx="71.473999"
|
||||||
|
gradientTransform="matrix(4.50607,0,0,4.76661,-259.306,-59.706)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="g-2"
|
||||||
|
xlink:href="#c" />
|
||||||
|
<linearGradient
|
||||||
|
id="c">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
stop-color="#ed686f"
|
||||||
|
id="stop20" />
|
||||||
|
<stop
|
||||||
|
offset=".865"
|
||||||
|
stop-color="#a51d2d"
|
||||||
|
id="stop22" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#e01b24"
|
||||||
|
id="stop24" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
r="14.583"
|
||||||
|
fy="49.777"
|
||||||
|
fx="40.152"
|
||||||
|
cy="49.777"
|
||||||
|
cx="40.152"
|
||||||
|
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="h-7"
|
||||||
|
xlink:href="#d" />
|
||||||
|
<linearGradient
|
||||||
|
id="d">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
stop-color="#ed686f"
|
||||||
|
id="stop27" />
|
||||||
|
<stop
|
||||||
|
offset=".911"
|
||||||
|
stop-color="#a51d2d"
|
||||||
|
id="stop29" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#e01b24"
|
||||||
|
id="stop31" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
r="14.583"
|
||||||
|
fy="49.777"
|
||||||
|
fx="40.152"
|
||||||
|
cy="49.777"
|
||||||
|
cx="40.152"
|
||||||
|
gradientTransform="matrix(0.87016,4.27869,-2.56693,0.52204,148.394,-163.306)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="i-6"
|
||||||
|
xlink:href="#d" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient860"
|
||||||
|
id="linearGradient22"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-1.575111,0,0,1.575111,1217.8748,47.173672)"
|
||||||
|
x1="85"
|
||||||
|
y1="107.162"
|
||||||
|
x2="85"
|
||||||
|
y2="86" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient860">
|
||||||
|
<stop
|
||||||
|
offset="0"
|
||||||
|
stop-color="#eef4fc"
|
||||||
|
id="stop856"
|
||||||
|
style="stop-color:#c5dcf7;stop-opacity:1" />
|
||||||
|
<stop
|
||||||
|
offset="1"
|
||||||
|
stop-color="#fff"
|
||||||
|
id="stop858" />
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient860"
|
||||||
|
id="linearGradient24"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(-2.1158457,0,0,2.1158457,1459.4994,-118.92278)"
|
||||||
|
x1="85"
|
||||||
|
y1="110.30392"
|
||||||
|
x2="85"
|
||||||
|
y2="86.986084" />
|
||||||
|
<linearGradient
|
||||||
|
inkscape:collect="always"
|
||||||
|
xlink:href="#linearGradient860"
|
||||||
|
id="linearGradient23"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.5463767,0,0,1.5463767,655.03375,-16.075361)"
|
||||||
|
x1="85"
|
||||||
|
y1="107.162"
|
||||||
|
x2="85"
|
||||||
|
y2="82.13472" />
|
||||||
|
</defs>
|
||||||
|
<sodipodi:namedview
|
||||||
|
units="px"
|
||||||
|
borderlayer="true"
|
||||||
|
inkscape:showpageshadow="false"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:document-rotation="0"
|
||||||
|
inkscape:current-layer="layer1"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:cy="75.603256"
|
||||||
|
inkscape:cx="199.00314"
|
||||||
|
inkscape:zoom="0.98994949"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
borderopacity="1"
|
||||||
|
bordercolor="#383838"
|
||||||
|
pagecolor="#1f1f1f"
|
||||||
|
id="base"
|
||||||
|
fit-margin-top="0"
|
||||||
|
fit-margin-left="0"
|
||||||
|
fit-margin-right="0"
|
||||||
|
fit-margin-bottom="0"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1011"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="0"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:snap-bbox="true"
|
||||||
|
inkscape:object-paths="true"
|
||||||
|
inkscape:snap-intersection-paths="true"
|
||||||
|
inkscape:snap-smooth-nodes="true"
|
||||||
|
inkscape:snap-midpoints="true">
|
||||||
|
<inkscape:grid
|
||||||
|
type="xygrid"
|
||||||
|
id="grid900" />
|
||||||
|
</sodipodi:namedview>
|
||||||
|
<metadata
|
||||||
|
id="metadata5">
|
||||||
|
<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: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>
|
||||||
|
<g
|
||||||
|
id="layer1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
transform="translate(-620,9.4371882)">
|
||||||
|
<g
|
||||||
|
id="g4043"
|
||||||
|
transform="translate(-15.793175)">
|
||||||
|
<circle
|
||||||
|
style="fill:url(#linearGradient10564);fill-opacity:1;stroke:none;stroke-width:3.66905;stroke-linecap:round;stroke-linejoin:round"
|
||||||
|
id="path10517"
|
||||||
|
cx="-177.02397"
|
||||||
|
cy="920"
|
||||||
|
r="167.91774"
|
||||||
|
transform="rotate(-90)" />
|
||||||
|
<path
|
||||||
|
d="m 1066.6646,147.98131 c 12.3048,0.0174 23.474,7.19166 28.6008,18.37784 a 23.631877,23.631877 0 0 1 10.7762,-2.62748 c 12.4288,0.0178 22.7209,9.65384 23.5474,22.05492 h 0.08 c 8.6991,0 15.7508,7.05171 15.7508,15.75083 0,8.69911 -7.0522,15.75083 -15.7513,15.75083 h -88.2056 a 18.901933,18.901933 0 0 1 -18.9019,-18.901 18.901933,18.901933 0 0 1 12.6566,-17.81853 33.12417,33.12417 0 0 1 -0.056,-1.08246 c 0,-17.39824 14.1038,-31.50213 31.5025,-31.50213 z"
|
||||||
|
id="path10"
|
||||||
|
style="fill:url(#linearGradient22);stroke-width:0.577558" />
|
||||||
|
<g
|
||||||
|
id="g245"
|
||||||
|
transform="matrix(1.5161629,0,0,1.5161629,396.40481,-143.42807)">
|
||||||
|
<g
|
||||||
|
id="g126"
|
||||||
|
transform="matrix(0.75000161,0,0,0.75000161,154.45946,111.99828)">
|
||||||
|
<g
|
||||||
|
id="g265">
|
||||||
|
<g
|
||||||
|
transform="matrix(3.12129,0,0,2.9344,91.063695,-499.94397)"
|
||||||
|
clip-path="url(#e-3)"
|
||||||
|
id="g47-0">
|
||||||
|
<path
|
||||||
|
transform="translate(-8,156)"
|
||||||
|
d="M 73,21 C 54.498,21 39.5,35.998 39.5,54.5 39.508,61.871 43,68.922 46.44,74.879 L 58,98 H 88 L 99.605,74.79 C 103,68.91 106.485,61.835 106.5,54.5 106.5,35.998 91.502,21 73,21 Z"
|
||||||
|
style="fill:url(#f-7);marker:none"
|
||||||
|
fill="url(#f)"
|
||||||
|
id="path39-6" />
|
||||||
|
<path
|
||||||
|
d="m 64,177 c 0,0 -18.332,12.132 -18.332,30.989 0,14.571 16.174,46.011 16.174,46.011 H 67 c 0,0 1.333,-31.44 1.333,-46.011 C 68.333,189.132 64,177 64,177 Z"
|
||||||
|
fill="url(#g)"
|
||||||
|
id="path41-2"
|
||||||
|
style="fill:url(#g-2)" />
|
||||||
|
<path
|
||||||
|
transform="translate(-8,156)"
|
||||||
|
d="m 71.983,21.106 c -8.207,0.147 -16.328,3.285 -22.5,8.695 -6.174,5.409 -10.35,13.047 -11.574,21.163 -1.24,8.225 0.567,16.874 4.995,23.915 L 61.902,98 h 6.432 L 55.002,81.27 C 50.702,75.875 46.53,70.2 44.406,63.636 42.283,57.072 42.24,49.836 44.409,43.288 A 32.824,32.824 0 0 1 54.925,28.13 32.824,32.824 0 0 1 71.983,21.105 Z"
|
||||||
|
fill="url(#h)"
|
||||||
|
id="path43-6"
|
||||||
|
style="fill:url(#h-7)" />
|
||||||
|
<path
|
||||||
|
transform="matrix(-1,0,0,1,137.16,155.823)"
|
||||||
|
d="M 73.003,21.303 C 65.294,19.756 57.033,21.149 50.257,25.138 43.481,29.127 38.255,35.675 35.867,43.167 A 32.484,32.484 0 0 0 35.11,59.972 32.484,32.484 0 0 0 42.904,74.879 L 54.11,98 H 67.493 L 54.16,74.356 C 51.292,69.269 48.603,63.95 47.733,58.175 46.863,52.4 47.769,46.404 50.107,41.052 54.28,31.502 62.943,24.03 73.002,21.304 Z"
|
||||||
|
fill="url(#i)"
|
||||||
|
id="path45-1"
|
||||||
|
style="fill:url(#i-6)" />
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="marker:none"
|
||||||
|
d="m 271.0607,256.22128 v 19.397 a 9.702,9.702 0 0 0 9.724,9.726 h 26.326 c 5.388,0 8.594,-4.457 9.725,-9.726 v -19.397 z"
|
||||||
|
fill="#e5a50a"
|
||||||
|
id="path49-8" />
|
||||||
|
<path
|
||||||
|
style="marker:none"
|
||||||
|
d="m 271.0607,252.06028 v 19.397 a 9.702,9.702 0 0 0 9.724,9.724 h 26.326 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
|
||||||
|
fill="#e5a50a"
|
||||||
|
id="path51-7" />
|
||||||
|
<path
|
||||||
|
style="marker:none"
|
||||||
|
d="m 300.1907,252.06028 v 29.121 h 6.92 c 5.388,0 8.594,-4.455 9.725,-9.724 v -19.397 z"
|
||||||
|
fill="#f3af0b"
|
||||||
|
id="path53-9" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
<path
|
||||||
|
style="font-variation-settings:normal;fill:url(#linearGradient24);fill-opacity:1;stroke-width:0.822282"
|
||||||
|
d="m 1051.0577,24.011554 a 37.111799,37.111799 0 0 0 -36.9465,35.120895 c -13.3251,2.089947 -23.45686,13.564137 -23.45686,27.494149 0,15.421302 12.41476,27.836692 27.83666,27.836692 h 72.3273 c 11.9284,0 21.5316,-9.60251 21.5316,-21.530902 0,-11.928386 -9.6032,-21.532163 -21.5316,-21.532163 h -3.9868 a 37.111799,37.111799 0 0 0 1.4509,-10.27624 37.111799,37.111799 0 0 0 -37.1118,-37.111798 37.111799,37.111799 0 0 0 -0.1123,0 z"
|
||||||
|
id="path12" />
|
||||||
|
<path
|
||||||
|
d="m 803.48555,82.893284 c -12.0805,0.0171 -23.046,7.06046 -28.0791,18.042576 a 23.200767,23.200767 0 0 0 -10.5796,-2.579546 c -12.2021,0.0175 -22.3064,9.477716 -23.1179,21.652566 h -0.079 c -8.5404,0 -15.4634,6.92307 -15.4634,15.46349 0,8.54042 6.9235,15.46349 15.4639,15.46349 h 86.5965 a 18.55711,18.55711 0 0 0 18.5571,-18.55619 18.55711,18.55711 0 0 0 -12.4257,-17.49347 32.519894,32.519894 0 0 0 0.055,-1.06272 c 0,-17.080836 -13.8466,-30.927426 -30.9279,-30.927426 z"
|
||||||
|
id="path21"
|
||||||
|
style="fill:url(#linearGradient23);fill-opacity:1;stroke-width:0.999999" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 12 KiB |
6
gnome-shell.scss
Normal file
6
gnome-shell.scss
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
$variant: 'dark';
|
||||||
|
|
||||||
|
@import "gnome-shell-sass/_colors"; //use gtk colors
|
||||||
|
@import "gnome-shell-sass/_drawing";
|
||||||
|
@import "gnome-shell-sass/_common";
|
||||||
|
@import "gnome-shell-sass/_widgets";
|
||||||
61
meson.build
Normal file
61
meson.build
Normal file
|
|
@ -0,0 +1,61 @@
|
||||||
|
theme_sources = files([
|
||||||
|
'gnome-shell-high-contrast.scss',
|
||||||
|
'gnome-shell.scss',
|
||||||
|
'gnome-shell-sass/_colors.scss',
|
||||||
|
'gnome-shell-sass/_common.scss',
|
||||||
|
'gnome-shell-sass/_drawing.scss',
|
||||||
|
'gnome-shell-sass/_high-contrast-colors.scss',
|
||||||
|
'gnome-shell-sass/_widgets.scss',
|
||||||
|
'gnome-shell-sass/widgets/_a11y.scss',
|
||||||
|
'gnome-shell-sass/widgets/_app-grid.scss',
|
||||||
|
'gnome-shell-sass/widgets/_base.scss',
|
||||||
|
'gnome-shell-sass/widgets/_buttons.scss',
|
||||||
|
'gnome-shell-sass/widgets/_calendar.scss',
|
||||||
|
'gnome-shell-sass/widgets/_check-box.scss',
|
||||||
|
'gnome-shell-sass/widgets/_corner-ripple.scss',
|
||||||
|
'gnome-shell-sass/widgets/_dash.scss',
|
||||||
|
'gnome-shell-sass/widgets/_dialogs.scss',
|
||||||
|
'gnome-shell-sass/widgets/_entries.scss',
|
||||||
|
'gnome-shell-sass/widgets/_hotplug.scss',
|
||||||
|
'gnome-shell-sass/widgets/_ibus-popup.scss',
|
||||||
|
'gnome-shell-sass/widgets/_keyboard.scss',
|
||||||
|
'gnome-shell-sass/widgets/_login-lock.scss',
|
||||||
|
'gnome-shell-sass/widgets/_looking-glass.scss',
|
||||||
|
'gnome-shell-sass/widgets/_message-list.scss',
|
||||||
|
'gnome-shell-sass/widgets/_misc.scss',
|
||||||
|
'gnome-shell-sass/widgets/_notifications.scss',
|
||||||
|
'gnome-shell-sass/widgets/_osd.scss',
|
||||||
|
'gnome-shell-sass/widgets/_overview.scss',
|
||||||
|
'gnome-shell-sass/widgets/_panel.scss',
|
||||||
|
'gnome-shell-sass/widgets/_popovers.scss',
|
||||||
|
'gnome-shell-sass/widgets/_quick-settings.scss',
|
||||||
|
'gnome-shell-sass/widgets/_screenshot.scss',
|
||||||
|
'gnome-shell-sass/widgets/_scrollbars.scss',
|
||||||
|
'gnome-shell-sass/widgets/_search-entry.scss',
|
||||||
|
'gnome-shell-sass/widgets/_search-results.scss',
|
||||||
|
'gnome-shell-sass/widgets/_slider.scss',
|
||||||
|
'gnome-shell-sass/widgets/_switcher-popup.scss',
|
||||||
|
'gnome-shell-sass/widgets/_switches.scss',
|
||||||
|
'gnome-shell-sass/widgets/_window-picker.scss',
|
||||||
|
'gnome-shell-sass/widgets/_workspace-switcher.scss',
|
||||||
|
'gnome-shell-sass/widgets/_workspace-thumbnails.scss'
|
||||||
|
])
|
||||||
|
|
||||||
|
stylesheets = [
|
||||||
|
'gnome-shell-high-contrast.css',
|
||||||
|
'gnome-shell.css'
|
||||||
|
]
|
||||||
|
|
||||||
|
foreach stylesheet: stylesheets
|
||||||
|
if not fs.exists(stylesheet)
|
||||||
|
sassc = find_program('sassc')
|
||||||
|
theme_deps += custom_target(stylesheet,
|
||||||
|
input: fs.replace_suffix(stylesheet, '.scss'),
|
||||||
|
output: stylesheet,
|
||||||
|
command: [
|
||||||
|
sassc, '-a', '@INPUT@', '@OUTPUT@'
|
||||||
|
],
|
||||||
|
depend_files: theme_sources)
|
||||||
|
endif
|
||||||
|
endforeach
|
||||||
|
|
||||||
29
pad-osd.css
Normal file
29
pad-osd.css
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
.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;
|
||||||
|
fill: transparent !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.TouchStrip, .TouchRing {
|
||||||
|
stroke-width: .1 !important;
|
||||||
|
stroke: #ededed !important;
|
||||||
|
fill: #535353 !important;
|
||||||
|
}
|
||||||
3084
process-working.svg
Normal file
3084
process-working.svg
Normal file
File diff suppressed because it is too large
Load diff
|
After Width: | Height: | Size: 98 KiB |
130
running-indicator.svg
Normal file
130
running-indicator.svg
Normal file
|
|
@ -0,0 +1,130 @@
|
||||||
|
<?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="119.97824"
|
||||||
|
height="119.97824"
|
||||||
|
id="svg7355"
|
||||||
|
version="1.1"
|
||||||
|
inkscape:version="0.48.1 r9760"
|
||||||
|
sodipodi:docname="running-indicator.svg">
|
||||||
|
<metadata
|
||||||
|
id="metadata4175">
|
||||||
|
<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="#2c1cff"
|
||||||
|
bordercolor="#666666"
|
||||||
|
borderopacity="1"
|
||||||
|
objecttolerance="10"
|
||||||
|
gridtolerance="10"
|
||||||
|
guidetolerance="10"
|
||||||
|
inkscape:pageopacity="1"
|
||||||
|
inkscape:pageshadow="2"
|
||||||
|
inkscape:window-width="1920"
|
||||||
|
inkscape:window-height="1141"
|
||||||
|
id="namedview4173"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:zoom="8.1348081"
|
||||||
|
inkscape:cx="81.120662"
|
||||||
|
inkscape:cy="58.117986"
|
||||||
|
inkscape:window-x="0"
|
||||||
|
inkscape:window-y="26"
|
||||||
|
inkscape:window-maximized="1"
|
||||||
|
inkscape:current-layer="g30864" />
|
||||||
|
<defs
|
||||||
|
id="defs7357">
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient36429"
|
||||||
|
id="radialGradient7461"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.011539,0,0,0.57582113,-0.39262194,71.83807)"
|
||||||
|
cx="47.428951"
|
||||||
|
cy="167.16817"
|
||||||
|
fx="47.428951"
|
||||||
|
fy="167.16817"
|
||||||
|
r="37" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient36429">
|
||||||
|
<stop
|
||||||
|
id="stop36431"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;" />
|
||||||
|
<stop
|
||||||
|
id="stop36433"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient36471"
|
||||||
|
id="radialGradient7463"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1.1891549,0,0,0.55513246,-9.281289,36.12653)"
|
||||||
|
cx="49.067139"
|
||||||
|
cy="242.50381"
|
||||||
|
fx="49.067139"
|
||||||
|
fy="242.50381"
|
||||||
|
r="37.00671" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient36471">
|
||||||
|
<stop
|
||||||
|
id="stop36473"
|
||||||
|
offset="0"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;" />
|
||||||
|
<stop
|
||||||
|
id="stop36475"
|
||||||
|
offset="1"
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
r="37.00671"
|
||||||
|
fy="242.50381"
|
||||||
|
fx="49.067139"
|
||||||
|
cy="242.50381"
|
||||||
|
cx="49.067139"
|
||||||
|
gradientTransform="matrix(1.1891549,0,0,0.15252127,-9.281289,132.52772)"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
id="radialGradient7488"
|
||||||
|
xlink:href="#linearGradient36471" />
|
||||||
|
</defs>
|
||||||
|
<g
|
||||||
|
id="layer1"
|
||||||
|
transform="matrix(1.6213276,0,0,1.6213276,-431.6347,-272.5745)">
|
||||||
|
<g
|
||||||
|
style="display:inline"
|
||||||
|
id="g30864"
|
||||||
|
transform="translate(255.223,70.118091)">
|
||||||
|
<rect
|
||||||
|
ry="3.4593496"
|
||||||
|
rx="3.4593496"
|
||||||
|
y="99.596962"
|
||||||
|
x="12.596948"
|
||||||
|
height="71.116341"
|
||||||
|
width="71.116341"
|
||||||
|
id="rect14000"
|
||||||
|
style="opacity:0.37187500000000001;fill:url(#radialGradient7461);fill-opacity:1;stroke:none" />
|
||||||
|
<path
|
||||||
|
id="rect34520"
|
||||||
|
d="m 83.273151,166.72152 c 0,1.96759 -1.584022,3.55163 -3.551629,3.55163 l -63.443032,0 c -1.967608,0 -3.551648,-1.58402 -3.551643,-3.55164 0,-5.85318 0,-5.85318 0,0"
|
||||||
|
style="opacity:0.35;fill:none;stroke:url(#radialGradient7488);stroke-width:1;stroke-opacity:1"
|
||||||
|
connector-curvature="0"
|
||||||
|
inkscape:connector-curvature="0"
|
||||||
|
sodipodi:nodetypes="ccscc" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 3.9 KiB |
1
toggle-off-hc.svg
Normal file
1
toggle-off-hc.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect ry="11" rx="11" y="299.18" x="30" height="10" width="10" style="fill:none;fill-opacity:1;stroke:#f8f7f7;stroke-width:2;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;marker:none" fill="#f8f7f7" stroke-linecap="round" stroke-linejoin="round"/><rect style="fill:#fff;stroke:none;stroke-width:1;marker:none;fill-opacity:.4" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13" transform="scale(-1 1)"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7" transform="scale(-1 1)"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 703 B |
1
toggle-off-light.svg
Normal file
1
toggle-off-light.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect style="fill:#c0bfbc;stroke:none;stroke-width:1;marker:none" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 547 B |
1
toggle-off.svg
Normal file
1
toggle-off.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix(-1 0 0 1 0 -291.18)"><rect style="fill:#fff;stroke:none;stroke-width:1;marker:none;fill-opacity:.15000001" width="48" height="26" x="-48" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="-24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="-24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none;fill:#fff;fill-opacity:1" fill="#f8f7f7"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 592 B |
1
toggle-on-hc.svg
Normal file
1
toggle-on-hc.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)" stroke="none"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g><path style="fill:#f8f7f7;fill-opacity:1;stroke:none;stroke-width:2;stroke-linejoin:round;stroke-dashoffset:2" d="M14 7v12h-2V7Z"/></svg>
|
||||||
|
After Width: | Height: | Size: 518 B |
1
toggle-on-light.svg
Normal file
1
toggle-on-light.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3"/><rect ry="11" rx="11" y="294.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none;fill:#000;fill-opacity:.2" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 523 B |
1
toggle-on.svg
Normal file
1
toggle-on.svg
Normal file
|
|
@ -0,0 +1 @@
|
||||||
|
<svg width="48" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="translate(0 -291.18)"><rect style="fill:#3584e4;stroke:none;stroke-width:1;marker:none" width="48" height="26" y="291.18" ry="13" fill="#3081e3" rx="13"/><rect ry="11" rx="11" y="294.18" x="24" height="22" width="22" style="fill:#000;fill-opacity:.2;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/><rect ry="11" rx="11" y="293.18" x="24" height="22" width="22" style="fill:#fff;stroke:none;stroke-width:.999999;marker:none" fill="#f8f7f7"/></g></svg>
|
||||||
|
After Width: | Height: | Size: 541 B |
119
workspace-placeholder.svg
Normal file
119
workspace-placeholder.svg
Normal file
|
|
@ -0,0 +1,119 @@
|
||||||
|
<?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: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="27"
|
||||||
|
height="76"
|
||||||
|
id="svg11252"
|
||||||
|
version="1.1"
|
||||||
|
sodipodi:docname="dash-placeholder-horizontal.svg"
|
||||||
|
inkscape:version="1.0.2 (e86c870879, 2021-01-15, custom)">
|
||||||
|
<metadata
|
||||||
|
id="metadata19">
|
||||||
|
<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: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="640"
|
||||||
|
inkscape:window-height="480"
|
||||||
|
id="namedview17"
|
||||||
|
showgrid="false"
|
||||||
|
inkscape:pagecheckerboard="true"
|
||||||
|
inkscape:zoom="12.473684"
|
||||||
|
inkscape:cx="38"
|
||||||
|
inkscape:cy="26.327004"
|
||||||
|
inkscape:current-layer="g99967"
|
||||||
|
inkscape:document-rotation="0" />
|
||||||
|
<defs
|
||||||
|
id="defs11254">
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient39563-4-2"
|
||||||
|
id="radialGradient68155-2-3"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
gradientTransform="matrix(1,0,0,0.3486842,24.5,341.84211)"
|
||||||
|
cx="49"
|
||||||
|
cy="488"
|
||||||
|
fx="49"
|
||||||
|
fy="488"
|
||||||
|
r="38" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient39563-4-2">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop39565-1-4" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop39567-7-9" />
|
||||||
|
</linearGradient>
|
||||||
|
<radialGradient
|
||||||
|
xlink:href="#linearGradient39573-6-1"
|
||||||
|
id="radialGradient68157-0-8"
|
||||||
|
gradientUnits="userSpaceOnUse"
|
||||||
|
cx="50.5"
|
||||||
|
cy="487.5"
|
||||||
|
fx="50.5"
|
||||||
|
fy="487.5"
|
||||||
|
r="10.5"
|
||||||
|
gradientTransform="matrix(1.2857143,0,0,1.2857143,8.571428,-114.78571)" />
|
||||||
|
<linearGradient
|
||||||
|
id="linearGradient39573-6-1">
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:1;"
|
||||||
|
offset="0"
|
||||||
|
id="stop39575-5-6" />
|
||||||
|
<stop
|
||||||
|
style="stop-color:#ffffff;stop-opacity:0;"
|
||||||
|
offset="1"
|
||||||
|
id="stop39577-1-2" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g
|
||||||
|
id="layer1"
|
||||||
|
transform="rotate(90,465.93109,104.43109)">
|
||||||
|
<g
|
||||||
|
id="g99967"
|
||||||
|
style="display:inline"
|
||||||
|
transform="translate(326,44.862171)">
|
||||||
|
<rect
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.49375;fill:url(#radialGradient68155-2-3);fill-opacity:1;stroke:none;stroke-width:1;marker:none;enable-background:accumulate"
|
||||||
|
id="rect99969"
|
||||||
|
width="76"
|
||||||
|
height="2"
|
||||||
|
x="35.5"
|
||||||
|
y="511"
|
||||||
|
rx="0"
|
||||||
|
ry="0" />
|
||||||
|
<path
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;opacity:0.43125;fill:url(#radialGradient68157-0-8);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:1.28571;marker:none;enable-background:accumulate"
|
||||||
|
id="path99971"
|
||||||
|
d="m 87,512.00001 c 0,7.45584 -6.044155,13.5 -13.5,13.5 -7.455844,0 -13.5,-6.04416 -13.5,-13.5 0,-7.45585 6.044156,-13.5 13.5,-13.5 7.455845,0 13.5,6.04415 13.5,13.5 z" />
|
||||||
|
<path
|
||||||
|
d="m 78.076923,512.00001 c 0,2.52776 -2.049159,4.57692 -4.576923,4.57692 -2.527766,0 -4.576923,-2.04916 -4.576923,-4.57692 0,-2.52777 2.049157,-4.57692 4.576923,-4.57692 2.527765,0 4.576923,2.04915 4.576923,4.57692 z"
|
||||||
|
id="path99973"
|
||||||
|
style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.435897;marker:none;enable-background:accumulate" />
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 4.1 KiB |
Loading…
Reference in a new issue