aboutsummaryrefslogtreecommitdiff
path: root/common/gnome-shell/3.18
diff options
context:
space:
mode:
authorHorst31802015-12-14 01:08:03 +0100
committerHorst31802015-12-14 01:08:03 +0100
commita94aefa0bb7d08b4a78482f10cbbeb5e180e4e53 (patch)
tree4e1e2baee3476e653ff9e1d09dbb40aa0eb3b529 /common/gnome-shell/3.18
parent8f53d145fa193e4e5204e8949d3f7cd873e24b64 (diff)
downloadsolarc-theme-a94aefa0bb7d08b4a78482f10cbbeb5e180e4e53.tar.gz
solarc-theme-a94aefa0bb7d08b4a78482f10cbbeb5e180e4e53.tar.xz
solarc-theme-a94aefa0bb7d08b4a78482f10cbbeb5e180e4e53.zip
improve readmes
Diffstat (limited to 'common/gnome-shell/3.18')
-rw-r--r--common/gnome-shell/3.18/README.md12
-rw-r--r--common/gnome-shell/3.18/gnome-shell-dark.css81
-rw-r--r--common/gnome-shell/3.18/gnome-shell.css83
3 files changed, 73 insertions, 103 deletions
diff --git a/common/gnome-shell/3.18/README.md b/common/gnome-shell/3.18/README.md
index b717ab9..9d62498 100644
--- a/common/gnome-shell/3.18/README.md
+++ b/common/gnome-shell/3.18/README.md
@@ -4,17 +4,13 @@ This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .
* Install `nvm` (https://github.com/creationix/nvm)
-* Install `gulp`
+* Run `nvm i` from the directory containing `.nvmrc`
- npm i -g gulp
+* Run `npm i` from the directory containing `gulpfile.js`. It's the same directory as the one that contains `.nvmrc` in this case.
-* Execute the following from the directory containing `gulpfile.js`
-
- npm i
+* Install `gulp` with `npm i -g gulp`
* Edit the sass/*.scss files
-* Regenerate the .css files by executing from the directory containing `gulpfile.js`
-
- gulp
+* Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
diff --git a/common/gnome-shell/3.18/gnome-shell-dark.css b/common/gnome-shell/3.18/gnome-shell-dark.css
index a8a57e9..6a35c82 100644
--- a/common/gnome-shell/3.18/gnome-shell-dark.css
+++ b/common/gnome-shell/3.18/gnome-shell-dark.css
@@ -35,37 +35,31 @@ stage {
background-color: #444a58;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
- .button:focus, .notification-banner .notification-button:focus,
- .hotplug-notification-item:focus {
+ .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
- .button:hover, .notification-banner .notification-button:hover,
- .hotplug-notification-item:hover {
+ .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
- .button:hover:focus, .notification-banner .notification-button:hover:focus,
- .hotplug-notification-item:hover:focus {
+ .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #444a58;
border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
- .button:active, .notification-banner .notification-button:active,
- .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus,
- .hotplug-notification-item:active:focus {
+ .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff;
background-color: #5294E2;
border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
- .button:insensitive, .notification-banner .notification-button:insensitive,
- .hotplug-notification-item:insensitive {
+ .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55);
@@ -406,9 +400,9 @@ StScrollBar {
.popup-menu .popup-menu-item {
spacing: 12px; }
.popup-menu .popup-menu-item:ltr {
- padding: 0.4em 3em 0.4em 0em; }
+ padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl {
- padding: 0.4em 0em 0.4em 3em; }
+ padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked {
font-weight: normal;
background: none;
@@ -586,9 +580,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn {
border-image: none; }
- #panel.unlock-screen,
- #panel.login-screen,
- #panel.lock-screen {
+ #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
border-image: none; }
#panel:overview {
@@ -639,13 +631,13 @@ StScrollBar {
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: #f2f4f7; }
- .unlock-screen #panel .panel-button:focus,
- .unlock-screen #panel .panel-button:hover,
- .unlock-screen #panel .panel-button:active,
+ .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
- .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ .lock-screen #panel .panel-button:focus,
+ .lock-screen #panel .panel-button:hover,
+ .lock-screen #panel .panel-button:active {
color: #f2f4f7; }
#panel #panelActivities.panel-button {
-natural-hpadding: 12px; }
@@ -721,7 +713,7 @@ StScrollBar {
icon-size: 16px; }
#calendarArea {
- padding: 0.75em 1em; }
+ padding: 0.75em 1.0em; }
.calendar {
margin-bottom: 1em; }
@@ -755,11 +747,11 @@ StScrollBar {
.message-list-section-title {
padding: 7px 10px 7px 10px;
border: 1px solid rgba(64, 69, 82, 0); }
- .datemenu-today-button:hover,
- .datemenu-today-button:focus,
+ .datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
- .message-list-section-title:hover, .message-list-section-title:focus {
+ .message-list-section-title:hover,
+ .message-list-section-title:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3;
background-color: #505666;
@@ -884,8 +876,7 @@ StScrollBar {
width: 420px; }
.message-list-sections {
spacing: 1.5em; }
- .message-list-section,
- .message-list-section-list {
+ .message-list-section, .message-list-section-list {
spacing: 0.7em; }
.message-list-section-list-title-box {
spacing: 0.4em; }
@@ -1119,8 +1110,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
- .right #dash,
- #dash:rtl {
+ .right #dash, #dash:rtl {
padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash {
@@ -1233,24 +1223,22 @@ StScrollBar {
.app-view-control:checked {
color: #ffffff;
background-color: #5294E2; }
- .app-view-control:first-child:ltr,
- .app-view-control:last-child:rtl {
+ .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
- .app-view-control:last-child:ltr,
- .app-view-control:first-child:rtl {
+ .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0;
border-left-width: 0; }
-.search-provider-icon:active,
-.search-provider-icon:checked,
-.list-search-result:active, .list-search-result:checked {
+.search-provider-icon:active, .search-provider-icon:checked,
+.list-search-result:active,
+.list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); }
-.search-provider-icon:focus,
-.search-provider-icon:selected,
-.search-provider-icon:hover,
-.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
+.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
+.list-search-result:focus,
+.list-search-result:selected,
+.list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
@@ -1334,8 +1322,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); }
- .page-indicator:checked .page-indicator-icon,
- .page-indicator:checked:active {
+ .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label,
@@ -1406,11 +1393,11 @@ StScrollBar {
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button {
padding: 4px 4px 5px; }
- .notification-banner .notification-button:first-child,
- .notification-banner .notification-button:last-child,
+ .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-child,
- .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child {
+ .notification-banner:focus .notification-button:first-child,
+ .notification-banner:focus .notification-button:last-child {
border-radius: 2px; }
.secondary-icon {
@@ -1506,9 +1493,9 @@ StScrollBar {
.legacy-tray-handle StIcon,
.legacy-tray-icon StIcon {
icon-size: 24px; }
- .legacy-tray-handle:hover,
- .legacy-tray-handle:focus,
- .legacy-tray-icon:hover, .legacy-tray-icon:focus {
+ .legacy-tray-handle:hover, .legacy-tray-handle:focus,
+ .legacy-tray-icon:hover,
+ .legacy-tray-icon:focus {
background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box {
diff --git a/common/gnome-shell/3.18/gnome-shell.css b/common/gnome-shell/3.18/gnome-shell.css
index 23f2ac3..bb6fbf4 100644
--- a/common/gnome-shell/3.18/gnome-shell.css
+++ b/common/gnome-shell/3.18/gnome-shell.css
@@ -35,37 +35,31 @@ stage {
background-color: #fbfbfc;
border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
- .button:focus, .notification-banner .notification-button:focus,
- .hotplug-notification-item:focus {
+ .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
- .button:hover, .notification-banner .notification-button:hover,
- .hotplug-notification-item:hover {
+ .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
- .button:hover:focus, .notification-banner .notification-button:hover:focus,
- .hotplug-notification-item:hover:focus {
+ .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: #fbfbfc;
border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
- .button:active, .notification-banner .notification-button:active,
- .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus,
- .hotplug-notification-item:active:focus {
+ .button:active, .notification-banner .notification-button:active, .hotplug-notification-item:active, .button:active:focus, .notification-banner .notification-button:active:focus, .hotplug-notification-item:active:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #ffffff;
background-color: #5294E2;
border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
- .button:insensitive, .notification-banner .notification-button:insensitive,
- .hotplug-notification-item:insensitive {
+ .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55);
@@ -406,9 +400,9 @@ StScrollBar {
.popup-menu .popup-menu-item {
spacing: 12px; }
.popup-menu .popup-menu-item:ltr {
- padding: 0.4em 3em 0.4em 0em; }
+ padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl {
- padding: 0.4em 0em 0.4em 3em; }
+ padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked {
font-weight: normal;
background: none;
@@ -586,9 +580,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn {
border-image: none; }
- #panel.unlock-screen,
- #panel.login-screen,
- #panel.lock-screen {
+ #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
background-color: transparent;
border-image: none; }
#panel:overview {
@@ -639,13 +631,13 @@ StScrollBar {
.login-screen #panel .panel-button,
.lock-screen #panel .panel-button {
color: #737a88; }
- .unlock-screen #panel .panel-button:focus,
- .unlock-screen #panel .panel-button:hover,
- .unlock-screen #panel .panel-button:active,
+ .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active,
- .lock-screen #panel .panel-button:focus, .lock-screen #panel .panel-button:hover, .lock-screen #panel .panel-button:active {
+ .lock-screen #panel .panel-button:focus,
+ .lock-screen #panel .panel-button:hover,
+ .lock-screen #panel .panel-button:active {
color: #737a88; }
#panel #panelActivities.panel-button {
-natural-hpadding: 12px; }
@@ -721,7 +713,7 @@ StScrollBar {
icon-size: 16px; }
#calendarArea {
- padding: 0.75em 1em; }
+ padding: 0.75em 1.0em; }
.calendar {
margin-bottom: 1em; }
@@ -755,11 +747,11 @@ StScrollBar {
.message-list-section-title {
padding: 7px 10px 7px 10px;
border: 1px solid rgba(255, 255, 255, 0); }
- .datemenu-today-button:hover,
- .datemenu-today-button:focus,
+ .datemenu-today-button:hover, .datemenu-today-button:focus,
.world-clocks-button:hover,
.world-clocks-button:focus,
- .message-list-section-title:hover, .message-list-section-title:focus {
+ .message-list-section-title:hover,
+ .message-list-section-title:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c;
background-color: white;
@@ -884,8 +876,7 @@ StScrollBar {
width: 420px; }
.message-list-sections {
spacing: 1.5em; }
- .message-list-section,
- .message-list-section-list {
+ .message-list-section, .message-list-section-list {
spacing: 0.7em; }
.message-list-section-list-title-box {
spacing: 0.4em; }
@@ -995,7 +986,7 @@ StScrollBar {
.nm-dialog-header-icon {
icon-size: 32px; }
.nm-dialog-scroll-view {
- border: 1px solid #dbdfe3;
+ border: 1px solid #dcdfe3;
border-radius: 2px;
background-color: #ffffff; }
.nm-dialog-header {
@@ -1119,8 +1110,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
- .right #dash,
- #dash:rtl {
+ .right #dash, #dash:rtl {
padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash {
@@ -1233,24 +1223,22 @@ StScrollBar {
.app-view-control:checked {
color: #ffffff;
background-color: #5294E2; }
- .app-view-control:first-child:ltr,
- .app-view-control:last-child:rtl {
+ .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px;
border-right-width: 0; }
- .app-view-control:last-child:ltr,
- .app-view-control:first-child:rtl {
+ .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0;
border-left-width: 0; }
-.search-provider-icon:active,
-.search-provider-icon:checked,
-.list-search-result:active, .list-search-result:checked {
+.search-provider-icon:active, .search-provider-icon:checked,
+.list-search-result:active,
+.list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); }
-.search-provider-icon:focus,
-.search-provider-icon:selected,
-.search-provider-icon:hover,
-.list-search-result:focus, .list-search-result:selected, .list-search-result:hover {
+.search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
+.list-search-result:focus,
+.list-search-result:selected,
+.list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; }
@@ -1334,8 +1322,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); }
- .page-indicator:checked .page-indicator-icon,
- .page-indicator:checked:active {
+ .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label,
@@ -1406,11 +1393,11 @@ StScrollBar {
.notification-banner:hover .notification-button,
.notification-banner:focus .notification-button {
padding: 4px 4px 5px; }
- .notification-banner .notification-button:first-child,
- .notification-banner .notification-button:last-child,
+ .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-child,
- .notification-banner:focus .notification-button:first-child, .notification-banner:focus .notification-button:last-child {
+ .notification-banner:focus .notification-button:first-child,
+ .notification-banner:focus .notification-button:last-child {
border-radius: 2px; }
.secondary-icon {
@@ -1506,9 +1493,9 @@ StScrollBar {
.legacy-tray-handle StIcon,
.legacy-tray-icon StIcon {
icon-size: 24px; }
- .legacy-tray-handle:hover,
- .legacy-tray-handle:focus,
- .legacy-tray-icon:hover, .legacy-tray-icon:focus {
+ .legacy-tray-handle:hover, .legacy-tray-handle:focus,
+ .legacy-tray-icon:hover,
+ .legacy-tray-icon:focus {
background-color: rgba(92, 97, 108, 0.1); }
.legacy-tray-icon-box {