luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed gnome-shell 3.38 issues

Browse Source
This commit is contained in:
Vince 2020-11-09 23:48:39 +08:00
parent 17f3633a96
commit 34b4d990c2
17 changed files with 1777 additions and 1664 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

178
src/assets/gnome-shell/assets-dark/calendar-today.svg Normal file
View File

@ -0,0 +1,178 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="24"
height="24"
id="svg10621"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="calendar-today.svg">
<defs
id="defs10623">
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient99561-1"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<linearGradient
inkscape:collect="always"
id="linearGradient34508-1-3">
<stop
style="stop-color:#ffffff;stop-opacity:1;"
offset="0"
id="stop34510-1-9" />
<stop
style="stop-color:#ffffff;stop-opacity:0;"
offset="1"
id="stop34512-4-5" />
</linearGradient>
<radialGradient
r="42"
fy="30"
fx="51"
cy="30"
cx="51"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
gradientUnits="userSpaceOnUse"
id="radialGradient10592"
xlink:href="#linearGradient34508-1-3"
inkscape:collect="always" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient3770"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient3001"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient3007"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient3067"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient3072"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
<radialGradient
inkscape:collect="always"
xlink:href="#linearGradient34508-1-3"
id="radialGradient2997"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.72146227,0,0,0.27484277,14.205424,21.754717)"
cx="51"
cy="30"
fx="51"
fy="30"
r="42" />
</defs>
<sodipodi:namedview
id="base"
pagecolor="#000000"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:zoom="8"
inkscape:cx="-23.537329"
inkscape:cy="-31.442864"
inkscape:document-units="px"
inkscape:current-layer="layer1"
showgrid="false"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
inkscape:window-width="2133"
inkscape:window-height="1241"
inkscape:window-x="238"
inkscape:window-y="88"
inkscape:window-maximized="0"
borderlayer="true"
inkscape:showpageshadow="false">
<inkscape:grid
type="xygrid"
id="grid3109"
empspacing="5"
visible="true"
enabled="true"
snapvisiblegridlinesonly="true" />
</sodipodi:namedview>
<metadata
id="metadata10626">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-469.08263,-537.99307)">
<circle
style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#ffffff;fill-opacity:0.23756906;fill-rule:nonzero;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;marker-start:none;marker-mid:none;marker-end:none;paint-order:normal;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
id="path7305"
cx="481.57138"
cy="559.4649"
r="1.5" />
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

5
src/assets/gnome-shell/assets-light/calendar-today.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="24" height="24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(-469.08 -537.99)">
<circle cx="481.57" cy="559.46" r="1.5" color="#000000" color-rendering="auto" fill-opacity=".2" image-rendering="auto" shape-rendering="auto" solid-color="#000000" style="isolation:auto;mix-blend-mode:normal;paint-order:normal"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 411 B

326
src/main/gnome-shell/gnome-shell-dark-alt.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(56, 56, 56, 0.75);
text-shadow: none;
color: #afafaf;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #dedede;
background-color: rgba(74, 74, 74, 0.75);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(62, 62, 62, 0.75);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(56, 56, 56, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #afafaf;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #afafaf;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #dedede; color: #dedede;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #afafaf;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #dedede;
background-color: #0860f2; background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #999999;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.05);
color: #999999; color: #999999;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #999999;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #999999;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #afafaf;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #dedede; margin-top: 8px;
background-color: #383838;
}
.message:active {
color: #dedede;
background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-dark-solid-alt.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(56, 56, 56, 0.75);
text-shadow: none;
color: #afafaf;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #dedede;
background-color: rgba(74, 74, 74, 0.75);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(62, 62, 62, 0.75);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(56, 56, 56, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #afafaf;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #afafaf;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #dedede; color: #dedede;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #afafaf;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #dedede;
background-color: #0860f2; background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #999999;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.05);
color: #999999; color: #999999;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #999999;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #999999;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #afafaf;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #dedede; margin-top: 8px;
background-color: #383838;
}
.message:active {
color: #dedede;
background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-dark-solid.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(56, 56, 56, 0.75);
text-shadow: none;
color: #afafaf;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #dedede;
background-color: rgba(74, 74, 74, 0.75);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(62, 62, 62, 0.75);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(56, 56, 56, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #afafaf;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #afafaf;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #dedede; color: #dedede;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #afafaf;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #dedede;
background-color: #0860f2; background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #999999;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.05);
color: #999999; color: #999999;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #999999;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #999999;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #afafaf;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #dedede; margin-top: 8px;
background-color: #383838;
}
.message:active {
color: #dedede;
background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-dark.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(56, 56, 56, 0.75);
text-shadow: none;
color: #afafaf;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #dedede;
background-color: rgba(74, 74, 74, 0.75);
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(62, 62, 62, 0.75);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(56, 56, 56, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #afafaf;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #afafaf;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #dedede;
background-color: rgba(255, 255, 255, 0.06);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #dedede;
background-color: rgba(255, 255, 255, 0.1);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #dedede; color: #dedede;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #afafaf;
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #dedede;
background-color: #0860f2; background-color: rgba(255, 255, 255, 0.1);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #999999;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(255, 255, 255, 0.05);
color: #999999; color: #999999;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #afafaf;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #999999;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #999999;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #999999;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #999999;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #999999;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #afafaf;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #999999;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #afafaf;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #afafaf;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #dedede; margin-top: 8px;
background-color: #383838;
}
.message:active {
color: #dedede;
background-color: rgba(56, 56, 56, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-light-alt.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.75);
text-shadow: none;
color: #424242;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #242424;
background-color: white;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.65);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(255, 255, 255, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #424242;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #424242;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #242424; color: #242424;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #424242;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #242424;
background-color: #0860f2; background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #565656;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.05);
color: #565656; color: #565656;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #565656;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #565656;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #424242;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #242424; margin-top: 8px;
background-color: #ffffff;
}
.message:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-light-solid-alt.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.75);
text-shadow: none;
color: #424242;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #242424;
background-color: white;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.65);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(255, 255, 255, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #424242;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #424242;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #242424; color: #242424;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #424242;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #242424;
background-color: #0860f2; background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #565656;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.05);
color: #565656; color: #565656;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #565656;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #565656;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #424242;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #242424; margin-top: 8px;
background-color: #ffffff;
}
.message:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-light-solid.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.75);
text-shadow: none;
color: #424242;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #242424;
background-color: white;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.65);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(255, 255, 255, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #424242;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #424242;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #242424; color: #242424;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #424242;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #242424;
background-color: #0860f2; background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #565656;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.05);
color: #565656; color: #565656;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #565656;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #565656;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #424242;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #242424; margin-top: 8px;
background-color: #ffffff;
}
.message:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

326
src/main/gnome-shell/gnome-shell-light.css
View File

@ -1445,6 +1445,39 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
border: none; border: none;
} }
.message, .world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
border-radius: 10px;
border: none;
box-shadow: none;
background-color: rgba(255, 255, 255, 0.75);
text-shadow: none;
color: #424242;
}
.message:hover, .world-clocks-button:hover,
.weather-button:hover,
.events-button:hover,
.events-section-title:hover, .message:focus, .world-clocks-button:focus,
.weather-button:focus,
.events-button:focus,
.events-section-title:focus {
color: #242424;
background-color: white;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.message:active, .world-clocks-button:active,
.weather-button:active,
.events-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.65);
box-shadow: none;
}
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
} }
@ -1459,14 +1492,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: rgba(255, 255, 255, 0.75);
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: 10px;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1497,6 +1531,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
.datemenu-today-button { .datemenu-today-button {
min-height: 48px; min-height: 48px;
border: none;
box-shadow: none;
background: none;
padding: 4px 8px;
text-shadow: none;
color: #424242;
} }
.datemenu-today-button .date-label { .datemenu-today-button .date-label {
@ -1504,132 +1544,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 400; font-weight: 400;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
border-radius: 6px;
border: none;
box-shadow: none;
background: none;
text-shadow: none;
color: #424242;
}
.datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
.weather-button:hover,
.weather-button:focus,
.events-section-title:hover,
.events-section-title:focus {
color: #242424;
background-color: rgba(0, 0, 0, 0.12);
}
.datemenu-today-button:active,
.world-clocks-button:active,
.weather-button:active,
.events-section-title:active {
color: #242424;
background-color: rgba(0, 0, 0, 0.2);
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
.calendar-month-label { .calendar-month-label {
height: 20px; height: 20px;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: 6px;
color: #242424; color: #242424;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
} }
.calendar-month-label:focus { .calendar-month-label:focus {
@ -1694,14 +1616,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-base:active { .calendar-day-base:active {
color: inherit; color: #424242;
background-color: rgba(0, 0, 0, 0.2); background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
.calendar-day-base:selected { .calendar-day-base:selected {
color: rgba(255, 255, 255, 0.85); color: #242424;
background-color: #0860f2; background-color: rgba(0, 0, 0, 0.2);
border-color: transparent; border-color: transparent;
} }
@ -1758,10 +1680,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-day-with-events { .calendar-day-with-events {
color: #3484e2; color: #565656;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
} }
.calendar-day-with-events.calendar-work-day { .calendar-day-with-events.calendar-work-day {
@ -1775,18 +1695,126 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.calendar-week-number { .calendar-week-number {
width: 28px; width: 22px;
height: 21px; height: 16px;
margin: 2px; margin: 6px 6px 6px 4px;
padding: 7px 0 0; padding: 0 0;
border-radius: 100px; border-radius: 6px;
background-color: transparent; background-color: rgba(0, 0, 0, 0.05);
color: #565656; color: #565656;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
min-height: 20px;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: #424242;
font-weight: bold;
}
/* Events */
.events-button .events-box {
spacing: 6px;
}
.events-button .events-list {
spacing: 12px;
text-shadow: none;
}
.events-button .events-title {
color: #565656;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.events-button .event-time {
color: #565656;
font-feature-settings: "tnum";
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: #565656;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: #565656;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: #565656;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
}
.weather-button .weather-box {
spacing: 0.5em;
}
.weather-button .weather-header-box {
spacing: 6px;
}
.weather-button .weather-header {
color: #424242;
font-weight: bold;
}
.weather-button .weather-header.location {
font-weight: normal;
color: #565656;
}
.weather-button .weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-button .weather-forecast-time {
color: #424242;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-button .weather-forecast-icon {
icon-size: 32px;
}
.weather-button .weather-forecast-temp {
font-weight: bold;
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1817,6 +1845,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
padding: 4px; padding: 4px;
@ -1824,23 +1860,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
.message { .message {
border-radius: 6px; margin: 2px 4px 6px;
border: none;
color: #424242;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
} }
.message:hover, .message:focus { .message:first-child {
color: #242424; margin-top: 8px;
background-color: #ffffff;
}
.message:active {
color: #242424;
background-color: rgba(255, 255, 255, 0.8);
} }
.message .message-icon-bin { .message .message-icon-bin {

85
src/main/gtk-3.0/gtk-dark-solid.css
View File

@ -2643,88 +2643,22 @@ scrollbar.vertical slider {
min-height: 40px; min-height: 40px;
} }
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { label:disabled selection:checked {
padding: 0;
border: none;
color: transparent;
background: unset;
background-image: unset;
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
animation: none;
font-size: 0;
outline-color: transparent;
}
.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) {
background-position: left center;
}
row switch:not(:indeterminate) {
min-width: 40px;
min-height: 24px;
margin: 0;
background-size: 40px 24px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png"));
}
row switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 40px 24px;
}
row switch:not(:indeterminate):hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png"));
}
row switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png"));
}
row switch:not(:indeterminate):checked:hover {
background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png"));
}
row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png"));
} }
row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png"));
} }
.raven .raven-background switch:not(:indeterminate) { label:disabled selection:checked {
min-width: 50px;
min-height: 20px;
margin: 6px 2px;
background-size: 50px 20px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png"));
}
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 50px 20px;
}
.raven .raven-background switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png"));
}
.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png"));
} }
.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png"));
} }
switch { switch {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1); transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 50px; border-radius: 50px;
@ -2734,26 +2668,22 @@ switch {
font-size: 0; font-size: 0;
} }
switch:disabled { switch:disabled {
color: rgba(222, 222, 222, 0.15); color: rgba(222, 222, 222, 0.15);
background-color: rgba(222, 222, 222, 0.15); background-color: rgba(222, 222, 222, 0.15);
} }
switch:checked { switch:checked {
animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #0860f2; background-color: #0860f2;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
} }
label:disabled selection:checked, switch:checked:disabled, label:disabled selection:checked {
switch:checked:disabled {
background-color: rgba(8, 96, 242, 0.45); background-color: rgba(8, 96, 242, 0.45);
color: rgba(255, 255, 255, 0.35); color: rgba(255, 255, 255, 0.35);
} }
switch slider { switch slider {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0;
min-width: 18px; min-width: 18px;
@ -2765,19 +2695,16 @@ switch slider {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
} }
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
} }
switch:checked slider { switch:checked slider {
margin: 2px 2px 2px 0; margin: 2px 2px 2px 0;
background-color: white; background-color: white;
} }
label:disabled selection:checked slider, switch:checked:disabled slider, label:disabled selection:checked slider {
switch:checked:disabled slider {
animation: none; animation: none;
} }

85
src/main/gtk-3.0/gtk-dark.css
View File

@ -2643,88 +2643,22 @@ scrollbar.vertical slider {
min-height: 40px; min-height: 40px;
} }
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { label:disabled selection:checked {
padding: 0;
border: none;
color: transparent;
background: unset;
background-image: unset;
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
animation: none;
font-size: 0;
outline-color: transparent;
}
.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) {
background-position: left center;
}
row switch:not(:indeterminate) {
min-width: 40px;
min-height: 24px;
margin: 0;
background-size: 40px 24px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png"));
}
row switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 40px 24px;
}
row switch:not(:indeterminate):hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png"));
}
row switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png"));
}
row switch:not(:indeterminate):checked:hover {
background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png"));
}
row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png"));
} }
row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png"));
} }
.raven .raven-background switch:not(:indeterminate) { label:disabled selection:checked {
min-width: 50px;
min-height: 20px;
margin: 6px 2px;
background-size: 50px 20px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png"));
}
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 50px 20px;
}
.raven .raven-background switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png"));
}
.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png"));
} }
.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png"));
} }
switch { switch {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1); transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 50px; border-radius: 50px;
@ -2734,26 +2668,22 @@ switch {
font-size: 0; font-size: 0;
} }
switch:disabled { switch:disabled {
color: rgba(222, 222, 222, 0.15); color: rgba(222, 222, 222, 0.15);
background-color: rgba(222, 222, 222, 0.15); background-color: rgba(222, 222, 222, 0.15);
} }
switch:checked { switch:checked {
animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #0860f2; background-color: #0860f2;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
} }
label:disabled selection:checked, switch:checked:disabled, label:disabled selection:checked {
switch:checked:disabled {
background-color: rgba(8, 96, 242, 0.45); background-color: rgba(8, 96, 242, 0.45);
color: rgba(255, 255, 255, 0.35); color: rgba(255, 255, 255, 0.35);
} }
switch slider { switch slider {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0;
min-width: 18px; min-width: 18px;
@ -2765,19 +2695,16 @@ switch slider {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
} }
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
} }
switch:checked slider { switch:checked slider {
margin: 2px 2px 2px 0; margin: 2px 2px 2px 0;
background-color: white; background-color: white;
} }
label:disabled selection:checked slider, switch:checked:disabled slider, label:disabled selection:checked slider {
switch:checked:disabled slider {
animation: none; animation: none;
} }

85
src/main/gtk-3.0/gtk-light-solid.css
View File

@ -2656,88 +2656,22 @@ scrollbar.vertical slider {
min-height: 40px; min-height: 40px;
} }
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { label:disabled selection:checked {
padding: 0;
border: none;
color: transparent;
background: unset;
background-image: unset;
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
animation: none;
font-size: 0;
outline-color: transparent;
}
.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) {
background-position: left center;
}
row switch:not(:indeterminate) {
min-width: 40px;
min-height: 24px;
margin: 0;
background-size: 40px 24px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png"));
}
row switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 40px 24px;
}
row switch:not(:indeterminate):hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png"));
}
row switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png"));
}
row switch:not(:indeterminate):checked:hover {
background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png"));
}
row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png"));
} }
row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png"));
} }
.raven .raven-background switch:not(:indeterminate) { label:disabled selection:checked {
min-width: 50px;
min-height: 20px;
margin: 6px 2px;
background-size: 50px 20px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png"));
}
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 50px 20px;
}
.raven .raven-background switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png"));
}
.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png"));
} }
.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png"));
} }
switch { switch {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1); transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 50px; border-radius: 50px;
@ -2747,26 +2681,22 @@ switch {
font-size: 0; font-size: 0;
} }
switch:disabled { switch:disabled {
color: rgba(36, 36, 36, 0.15); color: rgba(36, 36, 36, 0.15);
background-color: rgba(36, 36, 36, 0.15); background-color: rgba(36, 36, 36, 0.15);
} }
switch:checked { switch:checked {
animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #0860f2; background-color: #0860f2;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
} }
label:disabled selection:checked, switch:checked:disabled, label:disabled selection:checked {
switch:checked:disabled {
background-color: rgba(8, 96, 242, 0.45); background-color: rgba(8, 96, 242, 0.45);
color: rgba(255, 255, 255, 0.35); color: rgba(255, 255, 255, 0.35);
} }
switch slider { switch slider {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0;
min-width: 18px; min-width: 18px;
@ -2778,19 +2708,16 @@ switch slider {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
} }
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
} }
switch:checked slider { switch:checked slider {
margin: 2px 2px 2px 0; margin: 2px 2px 2px 0;
background-color: white; background-color: white;
} }
label:disabled selection:checked slider, switch:checked:disabled slider, label:disabled selection:checked slider {
switch:checked:disabled slider {
animation: none; animation: none;
} }

85
src/main/gtk-3.0/gtk-light.css
View File

@ -2656,88 +2656,22 @@ scrollbar.vertical slider {
min-height: 40px; min-height: 40px;
} }
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate), .raven .raven-background switch:not(:indeterminate), row switch:not(:indeterminate) slider:not(:indeterminate), row switch:not(:indeterminate) { label:disabled selection:checked {
padding: 0;
border: none;
color: transparent;
background: unset;
background-image: unset;
background-repeat: no-repeat;
background-position: right center;
box-shadow: none;
animation: none;
font-size: 0;
outline-color: transparent;
}
.raven .raven-background switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), .raven .raven-background switch:dir(rtl):not(:indeterminate), row switch:not(:indeterminate) slider:dir(rtl):not(:indeterminate), row switch:dir(rtl):not(:indeterminate) {
background-position: left center;
}
row switch:not(:indeterminate) {
min-width: 40px;
min-height: 24px;
margin: 0;
background-size: 40px 24px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png"));
}
row switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 40px 24px;
}
row switch:not(:indeterminate):hover {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-hover.png"), url("assets/switch-hover@2.png"));
}
row switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png"));
}
row switch:not(:indeterminate):checked:hover {
background-image: -gtk-scaled(url("assets/switch-active-hover.png"), url("assets/switch-active-hover@2.png"));
}
row switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png"));
} }
row switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png"));
} }
.raven .raven-background switch:not(:indeterminate) { label:disabled selection:checked {
min-width: 50px;
min-height: 20px;
margin: 6px 2px;
background-size: 50px 20px;
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-off.png"), url("assets/toggle-off@2.png"));
}
.raven .raven-background switch:not(:indeterminate) slider:not(:indeterminate) {
margin: 0;
background-size: 50px 20px;
}
.raven .raven-background switch:not(:indeterminate):checked {
transition: all 350ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
background-image: -gtk-scaled(url("assets/toggle-on.png"), url("assets/toggle-on@2.png"));
}
.raven .raven-background switch:not(:indeterminate):checked:disabled, label:disabled selection:checked {
background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-on-disabled.png"), url("assets/toggle-on-disabled@2.png"));
} }
.raven .raven-background switch:not(:indeterminate):disabled, label:disabled selection:not(:indeterminate) { label:disabled selection:not(:indeterminate) {
background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png")); background-image: -gtk-scaled(url("assets/toggle-off-disabled.png"), url("assets/toggle-off-disabled@2.png"));
} }
switch { switch {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1); transition: all 150ms cubic-bezier(0, 0, 0.2, 1);
border-radius: 50px; border-radius: 50px;
@ -2747,26 +2681,22 @@ switch {
font-size: 0; font-size: 0;
} }
switch:disabled { switch:disabled {
color: rgba(36, 36, 36, 0.15); color: rgba(36, 36, 36, 0.15);
background-color: rgba(36, 36, 36, 0.15); background-color: rgba(36, 36, 36, 0.15);
} }
switch:checked { switch:checked {
animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1); animation: switch_ripple_effect 0.3s cubic-bezier(0, 0, 0.2, 1);
background-color: #0860f2; background-color: #0860f2;
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
} }
label:disabled selection:checked, switch:checked:disabled, label:disabled selection:checked {
switch:checked:disabled {
background-color: rgba(8, 96, 242, 0.45); background-color: rgba(8, 96, 242, 0.45);
color: rgba(255, 255, 255, 0.35); color: rgba(255, 255, 255, 0.35);
} }
switch slider { switch slider {
transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0; transition: all 150ms cubic-bezier(0, 0, 0.2, 1), box-shadow 150ms cubic-bezier(0, 0, 0.2, 1), margin 0;
min-width: 18px; min-width: 18px;
@ -2778,19 +2708,16 @@ switch slider {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15), 0 2px 3px 0 rgba(0, 0, 0, 0.1);
} }
switch:hover slider { switch:hover slider {
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 5px 0 rgba(0, 0, 0, 0.15);
} }
switch:checked slider { switch:checked slider {
margin: 2px 2px 2px 0; margin: 2px 2px 2px 0;
background-color: white; background-color: white;
} }
label:disabled selection:checked slider, switch:checked:disabled slider, label:disabled selection:checked slider {
switch:checked:disabled slider {
animation: none; animation: none;
} }

305
src/sass/gnome-shell/_common.scss
View File

@ -1246,6 +1246,27 @@ $popop_menuitem_radius: $wm_radius - 4px;
} }
} }
%popover_bubble {
border-radius: $mn_radius;
border: none;
box-shadow: none;
background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
text-shadow: none;
color: $alt_fg_color;
&:hover, &:focus {
color: $fg_color;
background-color: if($variant == 'light', rgba(white, 1), rgba(lighten($base_color, 15%), 0.75));
box-shadow: 0 3px 5px rgba(black, 0.1);
}
&:active {
color: $fg_color;
background-color: if($variant == 'light', rgba(white, 0.65), rgba(lighten($base_color, 10%), 0.75));
box-shadow: none;
}
}
// calendar popover // calendar popover
.clock-display-box { .clock-display-box {
spacing: 4px; spacing: 4px;
@ -1261,14 +1282,15 @@ $popop_menuitem_radius: $wm_radius - 4px;
} }
.calendar { .calendar {
margin-bottom: 0; margin: 4px 12px 6px;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background-color: if($variant == 'light', rgba(white, 0.75), rgba(lighten($base_color, 8%), 0.75));
padding: 0; padding: 4px 8px;
text-shadow: none;
border-radius: $mn_radius;
} }
.calendar,
.datemenu-today-button, .datemenu-today-button,
.datemenu-displays-box, .datemenu-displays-box,
.message-list-sections { .message-list-sections {
@ -1288,113 +1310,15 @@ $popop_menuitem_radius: $wm_radius - 4px;
.datemenu-today-button { .datemenu-today-button {
min-height: $menuitem_size * 2 - 4px * 2; min-height: $menuitem_size * 2 - 4px * 2;
.date-label {
@include font(headline);
}
}
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
.datemenu-today-button,
.world-clocks-button,
.weather-button,
.events-section-title {
min-height: $menuitem_size - 4px * 2;
padding: 4px 8px;
border-radius: $bt_radius;
border: none; border: none;
box-shadow: none; box-shadow: none;
background: none; background: none;
padding: 4px 8px;
text-shadow: none; text-shadow: none;
color: $alt_fg_color; color: $alt_fg_color;
&:hover,&:focus { color: $fg_color; background-color: $divider_color; } .date-label {
&:active { @include font(headline);
color: $fg_color;
background-color: $track_color;
}
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: $alt_fg_color;
font-weight: bold;
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: $hint_fg_color;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
.weather-box {
spacing: 0.5em;
}
.weather-header-box {
spacing: 6px;
}
.weather-header {
color: $alt_fg_color;
font-weight: bold;
&.location {
font-weight: normal;
color: $hint_fg_color;
}
}
.weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-forecast-time {
color: $alt_fg_color;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-icon {
icon-size: 32px;
}
.weather-forecast-temp {
font-weight: bold;
} }
} }
@ -1402,10 +1326,11 @@ $popop_menuitem_radius: $wm_radius - 4px;
height: $menuitem_size - 4px * 2; height: $menuitem_size - 4px * 2;
margin: 2px; margin: 2px;
padding: 6px 16px; padding: 6px 16px;
border-radius: $bt_radius;
color: $fg_color; color: $fg_color;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
text-shadow: none;
&:focus { background-color: $divider_color; } &:focus { background-color: $divider_color; }
} }
@ -1449,17 +1374,18 @@ $popop_menuitem_radius: $wm_radius - 4px;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
&:hover, &:focus { background-color: $divider_color; } &:hover, &:focus { background-color: $divider_color; }
&:active { &:active {
color: inherit; color: $alt_fg_color;
background-color: $track_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&:selected { &:selected {
color: $light_alt_fg_color; color: $fg_color;
background-color: $primary_color; background-color: $track_color;
border-color: transparent; //avoid jumparound due to today border-color: transparent; //avoid jumparound due to today
} }
&.calendar-day-heading { //day of week heading &.calendar-day-heading { //day of week heading
width: $menuitem_size; height: $menuitem_size - 7px; width: $menuitem_size;
height: $menuitem_size - 7px;
margin-top: 2px; margin-top: 2px;
padding: 7px 0 0; padding: 7px 0 0;
border-radius: 100px; border-radius: 100px;
@ -1503,32 +1429,144 @@ $popop_menuitem_radius: $wm_radius - 4px;
} }
.calendar-day-with-events { .calendar-day-with-events {
color: $link_color; color: $hint_fg_color;
font-weight: normal; background-image: url("assets/calendar-today.svg");
text-decoration: underline;
background-image: none;
&.calendar-work-day { &.calendar-work-day {
color: $hint_fg_color; color: $hint_fg_color;
font-weight: bold; font-weight: bold;
} }
} }
.calendar-other-month-day { .calendar-other-month-day {
color: $disabled_fg_color; color: $disabled_fg_color;
opacity: 0.5; opacity: 0.5;
} }
.calendar-week-number { .calendar-week-number {
width: $menuitem_size; height: $menuitem_size - 7px; width: 22px;
margin: 2px; height: 16px;
padding: 7px 0 0; margin: 6px 6px 6px 4px;
border-radius: 100px; padding: 0 0;
background-color: transparent; border-radius: $bt_radius;
background-color: if($variant == 'light', rgba(black, 0.05), rgba(white, 0.05));
color: $hint_fg_color; color: $hint_fg_color;
font-size: inherit; font-size: inherit;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }
.world-clocks-button,
.weather-button,
.events-button,
.events-section-title {
@extend %popover_bubble;
min-height: $menuitem_size - 4px * 2;
padding: 4px 8px;
}
.world-clocks-header,
.weather-header,
.events-section-title {
color: $alt_fg_color;
font-weight: bold;
}
/* Events */
.events-button {
.events-box {
spacing: 6px;
}
.events-list {
spacing: 12px;
text-shadow: none;
}
.events-title {
color: $hint_fg_color;
font-weight: bold;
margin-bottom: 4px;
text-shadow: none;
}
.event-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
}
}
/* World Clock */
.world-clocks-grid,
.weather-grid {
spacing-rows: 0.4em;
spacing-columns: 0.8em;
}
.world-clocks-city {
color: $hint_fg_color;
font-weight: bold;
font-size: 0.9em;
}
.world-clocks-time {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 1.2em;
}
.world-clocks-timezone {
color: $hint_fg_color;
font-feature-settings: "tnum";
font-size: 0.9em;
}
/* Weather */
.weather-button {
padding: 12px;
margin-bottom: 6px;
.weather-box {
spacing: 0.5em;
}
.weather-header-box {
spacing: 6px;
}
.weather-header {
color: $alt_fg_color;
font-weight: bold;
&.location {
font-weight: normal;
color: $hint_fg_color;
}
}
.weather-grid {
spacing-rows: 6px;
spacing-columns: 12px;
}
.weather-forecast-time {
color: $alt_fg_color;
font-feature-settings: "tnum";
font-size: 9pt;
font-weight: normal;
padding-top: 0.2em;
padding-bottom: 0.4em;
}
.weather-forecast-icon {
icon-size: 32px;
}
.weather-forecast-temp {
font-weight: bold;
}
}
/* Message list */ /* Message list */
.message-list { .message-list {
width: 31.5em; width: 31.5em;
@ -1551,6 +1589,14 @@ $popop_menuitem_radius: $wm_radius - 4px;
spacing: 8px; spacing: 8px;
} }
.message-list-section-list:ltr {
padding-left: 0;
}
.message-list-section-list:rtl {
padding-right: 0;
}
// do-not-disturb + clear button // do-not-disturb + clear button
.message-list-controls { .message-list-controls {
margin: 8px 16px 0; margin: 8px 16px 0;
@ -1559,26 +1605,11 @@ $popop_menuitem_radius: $wm_radius - 4px;
spacing: 16px; spacing: 16px;
} }
$message_bg: if($variant == 'light', #ffffff, #383838);
.message { .message {
border-radius: $bt_radius; margin: 2px 4px 6px;
border: none; @extend %popover_bubble;
color: $alt_fg_color;
background-color: transparent;
margin: 4px;
box-shadow: none;
text-shadow: none;
&:hover, &:focus { &:first-child { margin-top: 8px; }
color: $fg_color;
background-color: $message_bg;
}
&:active {
color: $fg_color;
background-color: rgba($message_bg, 0.8);
}
// icon container // icon container
.message-icon-bin { .message-icon-bin {

2
src/sass/gtk/_budgie.scss
View File

@ -876,7 +876,7 @@ $raven_shadow: 0 0 3px 0 rgba(black, 0.2), 0 0 8px 0 rgba(black, 0.15), 0 0 16px
} }
} }
switch { @extend %switch_mac; } // switch { }
list { color: $raven_fg_color; background-color: $raven_base_color; } list { color: $raven_fg_color; background-color: $raven_base_color; }

3
src/sass/gtk/_common.scss
View File

@ -2484,7 +2484,6 @@ scrollbar {
} }
} }
%switch,
switch { switch {
transition: $longer_transition; transition: $longer_transition;
// margin: 6px 0; // margin: 6px 0;
@ -2532,7 +2531,7 @@ switch {
&:checked:disabled slider { animation: none; } &:checked:disabled slider { animation: none; }
row & { @extend %switch_pixmap; } // row & { @extend %switch_pixmap; }
} }
// //