mirror of
https://github.com/horst3180/arc-theme.git
synced 2024-10-27 19:04:02 +00:00
Sync with upstream
This commit is contained in:
commit
b19f563c3b
@ -24,7 +24,7 @@ This theme uses node-sass/libsass to process the various .scss files. Never edit
|
||||
|
||||
* `main.rc` contains the major part of the theme
|
||||
|
||||
* `panel.rc` contains the panel styling for XFCE and Mate
|
||||
* `panel.rc` contains the panel styling for Xfce and MATE
|
||||
|
||||
* `apps.rc` contains some application specific rules
|
||||
|
||||
|
41
README.md
41
README.md
@ -15,7 +15,6 @@ Arc-Flatabulous theme is the [Arc](https://github.com/horst3180/arc-theme) theme
|
||||
|
||||

|
||||
|
||||
|
||||
### Requirements
|
||||
|
||||
* Gnome/GTK3 3.14 - 3.22
|
||||
@ -37,17 +36,15 @@ Main distributions that meet these requirements are
|
||||
* Fedora 21 or newer
|
||||
* openSUSE 13.2, Leap 42.1 and Tumbleweed
|
||||
|
||||
Derivatives of these distributions should work, as well.
|
||||
|
||||
If your distribution isn't listed, please check the requirements yourself.
|
||||
|
||||
### Installation
|
||||
|
||||
**Important:** Remove all older versions of the theme from your system before you proceed any further.
|
||||
|
||||
sudo rm -rf /usr/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark}
|
||||
rm -rf ~/.local/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark}
|
||||
rm -rf ~/.themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark}
|
||||
|
||||
sudo rm -rf /usr/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark,Arc-Flatabulous-Solid,Arc-Flatabulous-Darker-Solid,Arc-Flatabulous-Dark-Solid}
|
||||
rm -rf ~/.local/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark,Arc-Flatabulous-Solid,Arc-Flatabulous-Darker-Solid,Arc-Flatabulous-Dark-Solid}
|
||||
rm -rf ~/.themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark,Arc-Flatabulous-Solid,Arc-Flatabulous-Darker-Solid,Arc-Flatabulous-Dark-Solid}
|
||||
|
||||
#### Packages
|
||||
|
||||
@ -58,11 +55,21 @@ Arch Linux users can install the theme from the AUR https://aur.archlinux.org/pa
|
||||
To build the theme you'll need
|
||||
* `autoconf`
|
||||
* `automake`
|
||||
* `pkg-config` or `pkgconfig` if you use Fedora
|
||||
* `pkg-config` or `pkgconfig` for Fedora
|
||||
* `libgtk-3-dev` for Debian based distros or `gtk3-devel` for RPM based distros
|
||||
* `git` if you want to clone the source directory
|
||||
* `git` to clone the source directory
|
||||
|
||||
If your distribution doesn't ship separate development packages you just need GTK 3 instead of the `-dev` packages.
|
||||
**Note:** For distributions which don't ship separate development packages, just the GTK 3 package is needed instead of the `-dev` packages.
|
||||
|
||||
For the theme to function properly, install the following
|
||||
* GNOME Shell 3.14 - 3.24, GTK 3.14 - 3.22
|
||||
* The `gnome-themes-standard` package
|
||||
* The murrine engine. This has different names depending on the distro.
|
||||
* `gtk-engine-murrine` (Arch Linux)
|
||||
* `gtk2-engines-murrine` (Debian, Ubuntu, elementary OS)
|
||||
* `gtk-murrine-engine` (Fedora)
|
||||
* `gtk2-engine-murrine` (openSUSE)
|
||||
* `gtk-engines-murrine` (Gentoo)
|
||||
|
||||
Install the theme with the following commands
|
||||
|
||||
@ -91,12 +98,16 @@ Other options to pass to autogen.sh are
|
||||
--disable-unity disable Unity support
|
||||
--disable-xfwm disable XFWM support
|
||||
|
||||
--with-gnome=<version> build the theme for a specific Gnome version (3.14, 3.16, 3.18, 3.20)
|
||||
Note: Normally the correct version is detected automatically and this
|
||||
--with-gnome=<version> build the theme for a specific GNOME version (3.14, 3.16, 3.18, 3.20, 3.22)
|
||||
Note 1: Normally the correct version is detected automatically and this
|
||||
option should not be needed.
|
||||
Note 2: For GNOME 3.24, use --with-gnome-version=3.22
|
||||
(this works for now, the build system will be improved in the future)
|
||||
|
||||
After the installation is complete you can activate the theme with `gnome-tweak-tool` or a similar program by selecting `Arc-Flatabulous`, `Arc-Flatabulous-Darker` or `Arc-Flatabulous-Dark` as Window/GTK+ theme and `Arc-Flatabulous` or `Arc-Flatabulous-Dark` as Gnome-Shell and Xfce-Notify theme.
|
||||
|
||||
If the `--disable-transparency` option was used, the theme will be installed as `Arc-solid`, `Arc-Darker-solid` and `Arc-Dark-solid`.
|
||||
|
||||
**Uninstall the theme**
|
||||
|
||||
Run
|
||||
@ -105,7 +116,7 @@ Run
|
||||
|
||||
from the same directory as this README resides in, or
|
||||
|
||||
sudo rm -rf /usr/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark}
|
||||
sudo rm -rf /usr/share/themes/{Arc-Flatabulous,Arc-Flatabulous-Darker,Arc-Flatabulous-Dark,Arc-Flatabulous-Solid,Arc-Flatabulous-Darker-Solid,Arc-Flatabulous-Dark-Solid}
|
||||
|
||||
### Extras
|
||||
|
||||
@ -127,8 +138,8 @@ The Arc Dark theme for the Ubuntu Software Center by [mervick](https://github.co
|
||||
|
||||
### Troubleshooting
|
||||
|
||||
If you have Ubuntu with a newer GTK/Gnome version than the one included by default (i.e Ubuntu 14.04 with GTK 3.14 or Ubuntu 15.04 with GTK 3.16, etc.) the prebuilt packages won't work properly and you have to install the theme manually as described above.
|
||||
This is also true for other distros with a different GTK/Gnome version than the one included by default
|
||||
If you use Ubuntu with a newer GTK/GNOME version than the one included by default (i.e Ubuntu 14.04 with GTK 3.14 or Ubuntu 15.04 with GTK 3.16, etc.) the prebuilt packages won't work properly and the theme has to be installed manually as described above.
|
||||
This is also true for other distros with a different GTK/GNOME version than the one included by default
|
||||
|
||||
|
||||
If you get artifacts like black or invisible backgrounds under Unity, disable overlay scrollbars with
|
||||
|
@ -1,6 +1,12 @@
|
||||
if !ENABLE_TRANSPARENCY
|
||||
themedir = $(datadir)/themes/Arc-Flatabulous-Solid
|
||||
themedarkerdir = $(datadir)/themes/Arc-Flatabulous-Darker-Solid
|
||||
themedarkdir = $(datadir)/themes/Arc-Flatabulous-Dark-Solid
|
||||
else
|
||||
themedir = $(datadir)/themes/Arc-Flatabulous
|
||||
themedarkerdir = $(datadir)/themes/Arc-Flatabulous-Darker
|
||||
themedarkdir = $(datadir)/themes/Arc-Flatabulous-Dark
|
||||
endif
|
||||
|
||||
ithemedir = $(DESTDIR)$(themedir)
|
||||
ithemedarkerdir = $(DESTDIR)$(themedarkerdir)
|
||||
|
@ -351,11 +351,11 @@ StScrollBar {
|
||||
spacing: 1em; }
|
||||
|
||||
.popup-separator-menu-item {
|
||||
height: 2px;
|
||||
margin: 10px 0px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
|
||||
-gradient-height: 2px;
|
||||
-gradient-start: transparent;
|
||||
-gradient-end: transparent;
|
||||
-margin-horizontal: 1.5em;
|
||||
height: 1em; }
|
||||
|
||||
.popup-alternating-menu-item:alternate {
|
||||
font-weight: normal; }
|
||||
|
@ -351,11 +351,11 @@ StScrollBar {
|
||||
spacing: 1em; }
|
||||
|
||||
.popup-separator-menu-item {
|
||||
height: 2px;
|
||||
margin: 10px 0px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1; }
|
||||
-gradient-height: 2px;
|
||||
-gradient-start: transparent;
|
||||
-gradient-end: transparent;
|
||||
-margin-horizontal: 1.5em;
|
||||
height: 1em; }
|
||||
|
||||
.popup-alternating-menu-item:alternate {
|
||||
font-weight: normal; }
|
||||
|
@ -334,11 +334,11 @@ StScrollBar {
|
||||
.popup-combobox-item { spacing: 1em; }
|
||||
|
||||
.popup-separator-menu-item {
|
||||
height: 2px; //not really the whole box
|
||||
margin: 10px 0px;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
border-image: url("common-assets/menu/menu-separator.svg") 1 1 1 1;
|
||||
-gradient-height: 2px;
|
||||
-gradient-start: transparent;
|
||||
-gradient-end: transparent;
|
||||
-margin-horizontal: 1.5em;
|
||||
height: 1em;
|
||||
}
|
||||
|
||||
.popup-alternating-menu-item:alternate {
|
||||
|
205
common/gnome-shell/3.18/common-assets/misc/calendar-today.svg
Normal file
205
common/gnome-shell/3.18/common-assets/misc/calendar-today.svg
Normal file
@ -0,0 +1,205 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:osb="http://www.openswatchbook.org/uri/2009/osb"
|
||||
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="25"
|
||||
height="25"
|
||||
id="svg10621"
|
||||
version="1.1"
|
||||
inkscape:version="0.92.1 r"
|
||||
sodipodi:docname="calendar-today.svg">
|
||||
<defs
|
||||
id="defs10623">
|
||||
<linearGradient
|
||||
id="selected_bg_color"
|
||||
osb:paint="solid">
|
||||
<stop
|
||||
style="stop-color:#5294e2;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop4503" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="linearGradient4497"
|
||||
xlink:href="#linearGradient34508-1-3">
|
||||
<stop
|
||||
style="stop-color:#5c616c;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop4495" />
|
||||
</linearGradient>
|
||||
<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=""
|
||||
offset="0"
|
||||
id="stop34510-1-9" />
|
||||
<stop
|
||||
style=""
|
||||
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" />
|
||||
<linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#selected_bg_color"
|
||||
id="linearGradient4507"
|
||||
x1="481.57138"
|
||||
y1="557.9649"
|
||||
x2="481.57138"
|
||||
y2="560.9649"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="translate(0.01127006,-0.971853)" />
|
||||
</defs>
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="8"
|
||||
inkscape:cx="-4.7267653"
|
||||
inkscape:cy="-0.085292111"
|
||||
inkscape:document-units="px"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="true"
|
||||
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,-536.99307)">
|
||||
<circle
|
||||
style="fill:url(#linearGradient4507);fill-opacity:1"
|
||||
id="path7305"
|
||||
cx="481.58264"
|
||||
cy="558.49304"
|
||||
r="1.5" />
|
||||
</g>
|
||||
</svg>
|
After Width: | Height: | Size: 5.7 KiB |
@ -799,17 +799,20 @@ StScrollBar {
|
||||
.datemenu-today-button,
|
||||
.datemenu-displays-box,
|
||||
.message-list-sections {
|
||||
margin: 0 1.5em; }
|
||||
margin: 0 0.4em; }
|
||||
|
||||
.datemenu-calendar-column {
|
||||
spacing: 0.5em; }
|
||||
spacing: 0.5em;
|
||||
border: none; }
|
||||
|
||||
.datemenu-displays-section {
|
||||
padding-bottom: 3em; }
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
border-radius: 3px;
|
||||
padding: .4em; }
|
||||
|
||||
@ -821,14 +824,20 @@ StScrollBar {
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
padding: 7px 10px 7px 10px;
|
||||
border: 1px solid rgba(64, 69, 82, 0); }
|
||||
.datemenu-today-button:hover, .datemenu-today-button:focus,
|
||||
.world-clocks-button:hover,
|
||||
.world-clocks-button:focus,
|
||||
.weather-button:hover,
|
||||
.weather-button:focus,
|
||||
.message-list-section-title:hover,
|
||||
.message-list-section-title:focus {
|
||||
.message-list-section-title:focus,
|
||||
.events-section-title:hover,
|
||||
.events-section-title:focus {
|
||||
text-shadow: 0 1px rgba(64, 69, 82, 0);
|
||||
color: #D3DAE3;
|
||||
background-color: #505666;
|
||||
@ -836,7 +845,9 @@ StScrollBar {
|
||||
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
|
||||
.datemenu-today-button:active,
|
||||
.world-clocks-button:active,
|
||||
.message-list-section-title:active {
|
||||
.weather-button:active,
|
||||
.message-list-section-title:active,
|
||||
.events-section-title:active {
|
||||
text-shadow: 0 1px rgba(64, 69, 82, 0);
|
||||
color: #ffffff;
|
||||
background-color: #5294e2;
|
||||
@ -847,16 +858,22 @@ StScrollBar {
|
||||
font-size: 1.5em; }
|
||||
|
||||
.world-clocks-header,
|
||||
.message-list-section-title {
|
||||
.weather-header,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
color: rgba(211, 218, 227, 0.4);
|
||||
font-weight: bold; }
|
||||
|
||||
.world-clocks-button:active .world-clocks-header {
|
||||
.world-clocks-button:active .world-clocks-header,
|
||||
.weather-button:active .weather-header {
|
||||
color: #ffffff; }
|
||||
|
||||
.world-clocks-grid {
|
||||
spacing-rows: 0.4em; }
|
||||
|
||||
.weather-box {
|
||||
spacing: 0.4em; }
|
||||
|
||||
.calendar-month-label {
|
||||
color: #D3DAE3;
|
||||
font-weight: bold;
|
||||
@ -931,6 +948,7 @@ StScrollBar {
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:selected,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
@ -939,8 +957,8 @@ StScrollBar {
|
||||
border-width: 0; }
|
||||
|
||||
.calendar-day-with-events {
|
||||
color: #5294e2;
|
||||
font-weight: bold; }
|
||||
font-weight: bold;
|
||||
background-image: url("common-assets/misc/calendar-today.svg"); }
|
||||
|
||||
.calendar-today.calendar-day-with-events {
|
||||
color: #ffffff; }
|
||||
@ -973,6 +991,9 @@ StScrollBar {
|
||||
height: 0; }
|
||||
.message-list-placeholder StLabel {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
.message-list-clear-button.button {
|
||||
margin: 1.5em 1.5em 0;
|
||||
padding: 4px 12px; }
|
||||
.message-list-section-close > StIcon {
|
||||
icon-size: 18px;
|
||||
border-radius: 0px;
|
||||
@ -1003,34 +1024,48 @@ StScrollBar {
|
||||
.message-icon-bin:rtl {
|
||||
padding: 8px 8px 8px 0px; }
|
||||
.message-icon-bin > StIcon {
|
||||
icon-size: 32px; }
|
||||
.message-secondary-bin {
|
||||
color: rgba(211, 218, 227, 0.4); }
|
||||
.message-secondary-bin:ltr {
|
||||
color: inherit; }
|
||||
.message-secondary-bin,
|
||||
.message-secondary-bin > .event-time {
|
||||
color: rgba(211, 218, 227, 0.6);
|
||||
font-size: 0.9em; }
|
||||
.message-secondary-bin:ltr,
|
||||
.message-secondary-bin > .event-time:ltr {
|
||||
padding-left: 8px; }
|
||||
.message-secondary-bin:rtl {
|
||||
.message-secondary-bin:rtl,
|
||||
.message-secondary-bin > .event-time:rtl {
|
||||
padding-right: 8px; }
|
||||
.message:active .message-secondary-bin,
|
||||
.message:active .message-secondary-bin > .event-time {
|
||||
color: rgba(255, 255, 255, 0.6); }
|
||||
.message-secondary-bin > StIcon {
|
||||
icon-size: 16px; }
|
||||
.message-title {
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
padding: 2px 0 2px 0; }
|
||||
.message-content {
|
||||
color: inherit;
|
||||
padding: 8px;
|
||||
font-size: 1em; }
|
||||
|
||||
.message-media-control {
|
||||
padding: 6px;
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
color: #D3DAE3; }
|
||||
.message-media-control:last-child:ltr {
|
||||
padding-right: 18px; }
|
||||
.message-media-control:last-child:rtl {
|
||||
padding-left: 18px; }
|
||||
.message-media-control:hover {
|
||||
color: #D3DAE3; }
|
||||
color: rgba(211, 218, 227, 0.7); }
|
||||
.message-media-control:active {
|
||||
color: #5294e2; }
|
||||
.message-media-control:insensitive {
|
||||
color: rgba(211, 218, 227, 0.45); }
|
||||
|
||||
.message:active .message-media-control {
|
||||
color: #ffffff; }
|
||||
|
||||
.media-message-cover-icon {
|
||||
icon-size: 32px; }
|
||||
|
@ -797,17 +797,20 @@ StScrollBar {
|
||||
.datemenu-today-button,
|
||||
.datemenu-displays-box,
|
||||
.message-list-sections {
|
||||
margin: 0 1.5em; }
|
||||
margin: 0 0.4em; }
|
||||
|
||||
.datemenu-calendar-column {
|
||||
spacing: 0.5em; }
|
||||
spacing: 0.5em;
|
||||
border: none; }
|
||||
|
||||
.datemenu-displays-section {
|
||||
padding-bottom: 3em; }
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
border-radius: 3px;
|
||||
padding: .4em; }
|
||||
|
||||
@ -819,14 +822,20 @@ StScrollBar {
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
padding: 7px 10px 7px 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0); }
|
||||
.datemenu-today-button:hover, .datemenu-today-button:focus,
|
||||
.world-clocks-button:hover,
|
||||
.world-clocks-button:focus,
|
||||
.weather-button:hover,
|
||||
.weather-button:focus,
|
||||
.message-list-section-title:hover,
|
||||
.message-list-section-title:focus {
|
||||
.message-list-section-title:focus,
|
||||
.events-section-title:hover,
|
||||
.events-section-title:focus {
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0);
|
||||
color: #5c616c;
|
||||
background-color: white;
|
||||
@ -834,7 +843,9 @@ StScrollBar {
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
|
||||
.datemenu-today-button:active,
|
||||
.world-clocks-button:active,
|
||||
.message-list-section-title:active {
|
||||
.weather-button:active,
|
||||
.message-list-section-title:active,
|
||||
.events-section-title:active {
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0);
|
||||
color: #ffffff;
|
||||
background-color: #5294e2;
|
||||
@ -845,16 +856,22 @@ StScrollBar {
|
||||
font-size: 1.5em; }
|
||||
|
||||
.world-clocks-header,
|
||||
.message-list-section-title {
|
||||
.weather-header,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
color: rgba(92, 97, 108, 0.4);
|
||||
font-weight: bold; }
|
||||
|
||||
.world-clocks-button:active .world-clocks-header {
|
||||
.world-clocks-button:active .world-clocks-header,
|
||||
.weather-button:active .weather-header {
|
||||
color: #ffffff; }
|
||||
|
||||
.world-clocks-grid {
|
||||
spacing-rows: 0.4em; }
|
||||
|
||||
.weather-box {
|
||||
spacing: 0.4em; }
|
||||
|
||||
.calendar-month-label {
|
||||
color: #5c616c;
|
||||
font-weight: bold;
|
||||
@ -929,6 +946,7 @@ StScrollBar {
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:selected,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
@ -937,8 +955,8 @@ StScrollBar {
|
||||
border-width: 0; }
|
||||
|
||||
.calendar-day-with-events {
|
||||
color: #5294e2;
|
||||
font-weight: bold; }
|
||||
font-weight: bold;
|
||||
background-image: url("common-assets/misc/calendar-today.svg"); }
|
||||
|
||||
.calendar-today.calendar-day-with-events {
|
||||
color: #ffffff; }
|
||||
@ -971,6 +989,9 @@ StScrollBar {
|
||||
height: 0; }
|
||||
.message-list-placeholder StLabel {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
.message-list-clear-button.button {
|
||||
margin: 1.5em 1.5em 0;
|
||||
padding: 4px 12px; }
|
||||
.message-list-section-close > StIcon {
|
||||
icon-size: 18px;
|
||||
border-radius: 0px;
|
||||
@ -1001,34 +1022,48 @@ StScrollBar {
|
||||
.message-icon-bin:rtl {
|
||||
padding: 8px 8px 8px 0px; }
|
||||
.message-icon-bin > StIcon {
|
||||
icon-size: 32px; }
|
||||
.message-secondary-bin {
|
||||
color: rgba(92, 97, 108, 0.4); }
|
||||
.message-secondary-bin:ltr {
|
||||
color: inherit; }
|
||||
.message-secondary-bin,
|
||||
.message-secondary-bin > .event-time {
|
||||
color: rgba(92, 97, 108, 0.6);
|
||||
font-size: 0.9em; }
|
||||
.message-secondary-bin:ltr,
|
||||
.message-secondary-bin > .event-time:ltr {
|
||||
padding-left: 8px; }
|
||||
.message-secondary-bin:rtl {
|
||||
.message-secondary-bin:rtl,
|
||||
.message-secondary-bin > .event-time:rtl {
|
||||
padding-right: 8px; }
|
||||
.message:active .message-secondary-bin,
|
||||
.message:active .message-secondary-bin > .event-time {
|
||||
color: rgba(255, 255, 255, 0.6); }
|
||||
.message-secondary-bin > StIcon {
|
||||
icon-size: 16px; }
|
||||
.message-title {
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
padding: 2px 0 2px 0; }
|
||||
.message-content {
|
||||
color: inherit;
|
||||
padding: 8px;
|
||||
font-size: 1em; }
|
||||
|
||||
.message-media-control {
|
||||
padding: 6px;
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
color: #5c616c; }
|
||||
.message-media-control:last-child:ltr {
|
||||
padding-right: 18px; }
|
||||
.message-media-control:last-child:rtl {
|
||||
padding-left: 18px; }
|
||||
.message-media-control:hover {
|
||||
color: #5c616c; }
|
||||
color: rgba(92, 97, 108, 0.7); }
|
||||
.message-media-control:active {
|
||||
color: #5294e2; }
|
||||
.message-media-control:insensitive {
|
||||
color: rgba(92, 97, 108, 0.55); }
|
||||
|
||||
.message:active .message-media-control {
|
||||
color: #ffffff; }
|
||||
|
||||
.media-message-cover-icon {
|
||||
icon-size: 32px; }
|
||||
|
@ -1080,15 +1080,17 @@ StScrollBar {
|
||||
.datemenu-today-button,
|
||||
.datemenu-displays-box,
|
||||
.message-list-sections {
|
||||
margin: 0 1.5em;
|
||||
margin: 0 0.4em;
|
||||
}
|
||||
|
||||
.datemenu-calendar-column { spacing: 0.5em; }
|
||||
.datemenu-calendar-column { spacing: 0.5em; border: none; }
|
||||
.datemenu-displays-section { padding-bottom: 3em; }
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
border-radius: 3px;
|
||||
padding: .4em;
|
||||
}
|
||||
@ -1103,7 +1105,9 @@ StScrollBar {
|
||||
|
||||
.datemenu-today-button,
|
||||
.world-clocks-button,
|
||||
.message-list-section-title {
|
||||
.weather-button,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
padding: 7px 10px 7px 10px;
|
||||
border: 1px solid transparentize($base_color, 1);
|
||||
|
||||
@ -1119,12 +1123,15 @@ StScrollBar {
|
||||
}
|
||||
|
||||
.world-clocks-header,
|
||||
.message-list-section-title {
|
||||
.weather-header,
|
||||
.message-list-section-title,
|
||||
.events-section-title {
|
||||
color: transparentize($fg_color, 0.6);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.world-clocks-button:active .world-clocks-header {
|
||||
.world-clocks-button:active .world-clocks-header,
|
||||
.weather-button:active .weather-header {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
@ -1132,6 +1139,10 @@ StScrollBar {
|
||||
spacing-rows: 0.4em;
|
||||
}
|
||||
|
||||
.weather-box {
|
||||
spacing: 0.4em;
|
||||
}
|
||||
|
||||
.calendar-month-label {
|
||||
color: $fg_color;
|
||||
font-weight: bold;
|
||||
@ -1223,6 +1234,7 @@ StScrollBar {
|
||||
|
||||
.calendar-today,
|
||||
.calendar-today:active,
|
||||
.calendar-today:selected,
|
||||
.calendar-today:focus,
|
||||
.calendar-today:hover {
|
||||
font-weight: bold;
|
||||
@ -1232,8 +1244,8 @@ StScrollBar {
|
||||
}
|
||||
|
||||
.calendar-day-with-events {
|
||||
color: $selected_bg_color;
|
||||
font-weight: bold;
|
||||
background-image: url("common-assets/misc/calendar-today.svg");
|
||||
}
|
||||
|
||||
.calendar-today.calendar-day-with-events { color: $selected_fg_color; }
|
||||
@ -1272,6 +1284,11 @@ StScrollBar {
|
||||
StLabel { color: $insensitive_fg_color; }
|
||||
}
|
||||
|
||||
&-clear-button.button {
|
||||
margin: 1.5em 1.5em 0;
|
||||
padding: 4px 12px;
|
||||
}
|
||||
|
||||
&-section-close {
|
||||
|
||||
> StIcon {
|
||||
@ -1315,25 +1332,37 @@ StScrollBar {
|
||||
|
||||
&:rtl { padding: 8px 8px 8px 0px; }
|
||||
|
||||
> StIcon { icon-size: 32px; }
|
||||
> StIcon {
|
||||
//icon-size: 32px;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
&-secondary-bin {
|
||||
color: transparentize($fg_color, 0.6);
|
||||
&-secondary-bin,
|
||||
&-secondary-bin > .event-time {
|
||||
color: transparentize($fg_color, 0.4);
|
||||
font-size: 0.9em;
|
||||
|
||||
&:ltr { padding-left: 8px; }
|
||||
&:rtl { padding-right: 8px; }
|
||||
}
|
||||
|
||||
&:active .message-secondary-bin,
|
||||
&:active .message-secondary-bin > .event-time {
|
||||
color: transparentize($selected_fg_color, 0.4);
|
||||
}
|
||||
|
||||
&-secondary-bin > StIcon { icon-size: 16px; }
|
||||
|
||||
&-title {
|
||||
color: inherit;
|
||||
font-weight: bold;
|
||||
font-size: 1em;
|
||||
padding: 2px 0 2px 0;
|
||||
}
|
||||
|
||||
&-content {
|
||||
color: inherit;
|
||||
padding: 8px;
|
||||
font-size: 1em;
|
||||
}
|
||||
@ -1341,13 +1370,18 @@ StScrollBar {
|
||||
|
||||
.message-media-control {
|
||||
padding: 6px;
|
||||
color: $insensitive_fg_color;
|
||||
color: $fg_color;
|
||||
|
||||
&:last-child:ltr { padding-right: 18px; }
|
||||
&:last-child:rtl { padding-left: 18px; }
|
||||
|
||||
&:hover { color: $fg_color; }
|
||||
&:hover { color: transparentize($fg_color, 0.3); }
|
||||
&:active { color: $selected_bg_color; }
|
||||
&:insensitive { color: $insensitive_fg_color; }
|
||||
}
|
||||
|
||||
.message:active .message-media-control {
|
||||
color: $selected_fg_color;
|
||||
}
|
||||
|
||||
.media-message-cover-icon {
|
||||
|
@ -2326,9 +2326,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #2b2e39; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2827,8 +2829,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3401,6 +3404,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -2325,9 +2325,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #dcdfe3; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2826,8 +2828,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3400,6 +3403,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -2326,9 +2326,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #2b2e39; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2827,8 +2829,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3401,6 +3404,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -2325,9 +2325,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #dcdfe3; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2826,8 +2828,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3400,6 +3403,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -2329,9 +2329,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #dcdfe3; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2830,8 +2832,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3404,6 +3407,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -2329,9 +2329,11 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid #dcdfe3; }
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none; }
|
||||
|
||||
scrolledwindow viewport.frame {
|
||||
border-style: none; }
|
||||
@ -2830,8 +2832,9 @@ popover.background.touch-selection, .csd popover.background.touch-selection {
|
||||
button.circular, button.nautilus-circular-button.image-button,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%; }
|
||||
button.circular label, button.nautilus-circular-button.image-button label,
|
||||
@ -3404,6 +3407,9 @@ button.documents-favorite:active:hover {
|
||||
.tr-workarea overshoot {
|
||||
border-color: transparent; }
|
||||
|
||||
.atril-window .primary-toolbar toolbar, .atril-window .primary-toolbar .inline-toolbar {
|
||||
background: none; }
|
||||
|
||||
#gf-bubble, #gf-bubble.solid,
|
||||
#gf-osd-window,
|
||||
#gf-osd-window.solid,
|
||||
|
@ -517,6 +517,13 @@ button.documents-favorite:active:hover {
|
||||
border-color: transparent; // Remove black border on over- and undershoot
|
||||
}
|
||||
|
||||
//
|
||||
// Atril (MATE pdf viewer)
|
||||
//
|
||||
.atril-window .primary-toolbar toolbar {
|
||||
background: none;
|
||||
}
|
||||
|
||||
//
|
||||
// Gnome Flashback
|
||||
//
|
||||
|
@ -2402,8 +2402,12 @@ frame > border,
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
border: 1px solid $borders_color;
|
||||
}
|
||||
|
||||
&.flat { border-style: none; }
|
||||
frame.flat > border,
|
||||
frame > border.flat,
|
||||
.frame.flat {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
scrolledwindow {
|
||||
@ -3027,8 +3031,9 @@ colorchooser .popover.osd { border-radius: 3px; }
|
||||
button.circular,
|
||||
button.circular-button {
|
||||
padding: 0;
|
||||
min-width: 26px;
|
||||
min-height: 26px;
|
||||
min-width: 16px;
|
||||
min-height: 24px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 50%;
|
||||
-gtk-outline-radius: 50%;
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user