Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

improve readmes

Browse Source
This commit is contained in:
Horst3180 2015-12-14 01:08:03 +01:00
parent 8f53d145fa
commit a94aefa0bb
13 changed files with 207 additions and 299 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/cinnamon/README.md
View File

@ -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 `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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp

12
common/gnome-shell/3.14/README.md
View File

@ -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 `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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp

46
common/gnome-shell/3.14/gnome-shell-dark.css
View File

@ -462,9 +462,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
color: #D3DAE3 !important; color: #D3DAE3 !important;
background-color: transparent; background-color: transparent;
@ -643,9 +643,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -699,13 +697,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #f2f4f7; } color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #f2f4f7; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -783,7 +781,7 @@ StScrollBar {
width: 0.3em; } width: 0.3em; }
.calendar { .calendar {
padding: 0.4em 1.75em 0.8em 2.5em; } padding: .4em 1.75em .8em 2.5em; }
.calendar-month-label { .calendar-month-label {
color: #D3DAE3 !important; color: #D3DAE3 !important;
@ -831,7 +829,7 @@ StScrollBar {
background-image: url("dark-assets/misc/calendar-arrow-left.svg"); } background-image: url("dark-assets/misc/calendar-arrow-left.svg"); }
.datemenu-date-label { .datemenu-date-label {
padding: 0.4em 1.7em; padding: .4em 1.7em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #D3DAE3 !important; color: #D3DAE3 !important;
@ -1120,8 +1118,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 3px 0px 3px 0px; padding: 3px 0px 3px 0px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1304,24 +1301,22 @@ StScrollBar {
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1411,8 +1406,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,

48
common/gnome-shell/3.14/gnome-shell.css
View File

@ -462,9 +462,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected { .popup-menu .popup-menu-item:active, .popup-menu .popup-menu-item.selected {
color: #5c616c !important; color: #5c616c !important;
background-color: transparent; background-color: transparent;
@ -643,9 +643,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1 !important; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -699,13 +697,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #737a88; } color: #737a88; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #737a88; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -783,7 +781,7 @@ StScrollBar {
width: 0.3em; } width: 0.3em; }
.calendar { .calendar {
padding: 0.4em 1.75em 0.8em 2.5em; } padding: .4em 1.75em .8em 2.5em; }
.calendar-month-label { .calendar-month-label {
color: #5c616c !important; color: #5c616c !important;
@ -831,7 +829,7 @@ StScrollBar {
background-image: url("light-assets/misc/calendar-arrow-left.svg"); } background-image: url("light-assets/misc/calendar-arrow-left.svg"); }
.datemenu-date-label { .datemenu-date-label {
padding: 0.4em 1.7em; padding: .4em 1.7em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: #5c616c !important; color: #5c616c !important;
@ -996,7 +994,7 @@ StScrollBar {
.nm-dialog-header-icon { .nm-dialog-header-icon {
icon-size: 32px; } icon-size: 32px; }
.nm-dialog-scroll-view { .nm-dialog-scroll-view {
border: 1px solid #dbdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2px;
background-color: #ffffff; } background-color: #ffffff; }
.nm-dialog-header { .nm-dialog-header {
@ -1120,8 +1118,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 3px 0px 3px 0px; padding: 3px 0px 3px 0px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1304,24 +1301,22 @@ StScrollBar {
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border-color: #5294E2; } border-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1411,8 +1406,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,

12
common/gnome-shell/3.16/README.md
View File

@ -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 `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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp

81
common/gnome-shell/3.16/gnome-shell-dark.css
View File

@ -35,37 +35,31 @@ stage {
background-color: #444a58; background-color: #444a58;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
.hotplug-notification-item:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
.hotplug-notification-item:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #505666; background-color: #505666;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
.hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:active, .notification-banner .notification-button:active, .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 {
.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); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
.hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45); color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55); border: 1px solid rgba(43, 46, 57, 0.55);
@ -420,9 +414,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
font-weight: normal; font-weight: normal;
background: none; background: none;
@ -600,9 +594,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -653,13 +645,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #f2f4f7; } color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #f2f4f7; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -731,7 +723,7 @@ StScrollBar {
icon-size: 16px; } icon-size: 16px; }
#calendarArea { #calendarArea {
padding: 0.75em 1em; } padding: 0.75em 1.0em; }
.calendar { .calendar {
margin-bottom: 1em; } margin-bottom: 1em; }
@ -765,11 +757,11 @@ StScrollBar {
.message-list-section-title { .message-list-section-title {
padding: 7px 10px 7px 10px; padding: 7px 10px 7px 10px;
border: 1px solid rgba(64, 69, 82, 0); } border: 1px solid rgba(64, 69, 82, 0); }
.datemenu-today-button:hover, .datemenu-today-button:hover, .datemenu-today-button:focus,
.datemenu-today-button:focus,
.world-clocks-button:hover, .world-clocks-button:hover,
.world-clocks-button:focus, .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); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #505666; background-color: #505666;
@ -894,8 +886,7 @@ StScrollBar {
width: 420px; } width: 420px; }
.message-list-sections { .message-list-sections {
spacing: 1.5em; } spacing: 1.5em; }
.message-list-section, .message-list-section, .message-list-section-list {
.message-list-section-list {
spacing: 0.7em; } spacing: 0.7em; }
.message-list-section-list-title-box { .message-list-section-list-title-box {
spacing: 0.4em; } spacing: 0.4em; }
@ -1122,8 +1113,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 6px 0px 6px 1px; padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1236,24 +1226,22 @@ StScrollBar {
.app-view-control:checked { .app-view-control:checked {
color: #ffffff; color: #ffffff;
background-color: #5294E2; } background-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1337,8 +1325,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1409,11 +1396,11 @@ StScrollBar {
.notification-banner:hover .notification-button, .notification-banner:hover .notification-button,
.notification-banner:focus .notification-button { .notification-banner:focus .notification-button {
padding: 4px 4px 5px; } padding: 4px 4px 5px; }
.notification-banner .notification-button:first-child, .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-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; } border-radius: 2px; }
.secondary-icon { .secondary-icon {
@ -1509,9 +1496,9 @@ StScrollBar {
.legacy-tray-handle StIcon, .legacy-tray-handle StIcon,
.legacy-tray-icon StIcon { .legacy-tray-icon StIcon {
icon-size: 24px; } icon-size: 24px; }
.legacy-tray-handle:hover, .legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-handle:focus, .legacy-tray-icon:hover,
.legacy-tray-icon:hover, .legacy-tray-icon:focus { .legacy-tray-icon:focus {
background-color: rgba(211, 218, 227, 0.1); } background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box { .legacy-tray-icon-box {

83
common/gnome-shell/3.16/gnome-shell.css
View File

@ -35,37 +35,31 @@ stage {
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
.hotplug-notification-item:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
.hotplug-notification-item:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: white; background-color: white;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
.hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:active, .notification-banner .notification-button:active, .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 {
.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); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
.hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
@ -420,9 +414,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
font-weight: normal; font-weight: normal;
background: none; background: none;
@ -600,9 +594,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -653,13 +645,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #737a88; } color: #737a88; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #737a88; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -731,7 +723,7 @@ StScrollBar {
icon-size: 16px; } icon-size: 16px; }
#calendarArea { #calendarArea {
padding: 0.75em 1em; } padding: 0.75em 1.0em; }
.calendar { .calendar {
margin-bottom: 1em; } margin-bottom: 1em; }
@ -765,11 +757,11 @@ StScrollBar {
.message-list-section-title { .message-list-section-title {
padding: 7px 10px 7px 10px; padding: 7px 10px 7px 10px;
border: 1px solid rgba(255, 255, 255, 0); } border: 1px solid rgba(255, 255, 255, 0); }
.datemenu-today-button:hover, .datemenu-today-button:hover, .datemenu-today-button:focus,
.datemenu-today-button:focus,
.world-clocks-button:hover, .world-clocks-button:hover,
.world-clocks-button:focus, .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); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: white; background-color: white;
@ -894,8 +886,7 @@ StScrollBar {
width: 420px; } width: 420px; }
.message-list-sections { .message-list-sections {
spacing: 1.5em; } spacing: 1.5em; }
.message-list-section, .message-list-section, .message-list-section-list {
.message-list-section-list {
spacing: 0.7em; } spacing: 0.7em; }
.message-list-section-list-title-box { .message-list-section-list-title-box {
spacing: 0.4em; } spacing: 0.4em; }
@ -998,7 +989,7 @@ StScrollBar {
.nm-dialog-header-icon { .nm-dialog-header-icon {
icon-size: 32px; } icon-size: 32px; }
.nm-dialog-scroll-view { .nm-dialog-scroll-view {
border: 1px solid #dbdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2px;
background-color: #ffffff; } background-color: #ffffff; }
.nm-dialog-header { .nm-dialog-header {
@ -1122,8 +1113,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 6px 0px 6px 1px; padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1236,24 +1226,22 @@ StScrollBar {
.app-view-control:checked { .app-view-control:checked {
color: #ffffff; color: #ffffff;
background-color: #5294E2; } background-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1337,8 +1325,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1409,11 +1396,11 @@ StScrollBar {
.notification-banner:hover .notification-button, .notification-banner:hover .notification-button,
.notification-banner:focus .notification-button { .notification-banner:focus .notification-button {
padding: 4px 4px 5px; } padding: 4px 4px 5px; }
.notification-banner .notification-button:first-child, .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-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; } border-radius: 2px; }
.secondary-icon { .secondary-icon {
@ -1509,9 +1496,9 @@ StScrollBar {
.legacy-tray-handle StIcon, .legacy-tray-handle StIcon,
.legacy-tray-icon StIcon { .legacy-tray-icon StIcon {
icon-size: 24px; } icon-size: 24px; }
.legacy-tray-handle:hover, .legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-handle:focus, .legacy-tray-icon:hover,
.legacy-tray-icon:hover, .legacy-tray-icon:focus { .legacy-tray-icon:focus {
background-color: rgba(92, 97, 108, 0.1); } background-color: rgba(92, 97, 108, 0.1); }
.legacy-tray-icon-box { .legacy-tray-icon-box {

12
common/gnome-shell/3.18/README.md
View File

@ -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 `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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp

81
common/gnome-shell/3.18/gnome-shell-dark.css
View File

@ -35,37 +35,31 @@ stage {
background-color: #444a58; background-color: #444a58;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
.hotplug-notification-item:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
.hotplug-notification-item:hover {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #505666; background-color: #505666;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); } box-shadow: inset 0 1px rgba(80, 86, 102, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
.hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #444a58; background-color: #444a58;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); } box-shadow: inset 0 1px rgba(68, 74, 88, 0.05); }
.button:active, .notification-banner .notification-button:active, .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 {
.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); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #2b2e39; border: 1px solid #2b2e39;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
.hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(64, 69, 82, 0); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: rgba(211, 218, 227, 0.45); color: rgba(211, 218, 227, 0.45);
border: 1px solid rgba(43, 46, 57, 0.55); border: 1px solid rgba(43, 46, 57, 0.55);
@ -406,9 +400,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
font-weight: normal; font-weight: normal;
background: none; background: none;
@ -586,9 +580,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -639,13 +631,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #f2f4f7; } color: #f2f4f7; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #f2f4f7; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -721,7 +713,7 @@ StScrollBar {
icon-size: 16px; } icon-size: 16px; }
#calendarArea { #calendarArea {
padding: 0.75em 1em; } padding: 0.75em 1.0em; }
.calendar { .calendar {
margin-bottom: 1em; } margin-bottom: 1em; }
@ -755,11 +747,11 @@ StScrollBar {
.message-list-section-title { .message-list-section-title {
padding: 7px 10px 7px 10px; padding: 7px 10px 7px 10px;
border: 1px solid rgba(64, 69, 82, 0); } border: 1px solid rgba(64, 69, 82, 0); }
.datemenu-today-button:hover, .datemenu-today-button:hover, .datemenu-today-button:focus,
.datemenu-today-button:focus,
.world-clocks-button:hover, .world-clocks-button:hover,
.world-clocks-button:focus, .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); text-shadow: 0 1px rgba(64, 69, 82, 0);
color: #D3DAE3; color: #D3DAE3;
background-color: #505666; background-color: #505666;
@ -884,8 +876,7 @@ StScrollBar {
width: 420px; } width: 420px; }
.message-list-sections { .message-list-sections {
spacing: 1.5em; } spacing: 1.5em; }
.message-list-section, .message-list-section, .message-list-section-list {
.message-list-section-list {
spacing: 0.7em; } spacing: 0.7em; }
.message-list-section-list-title-box { .message-list-section-list-title-box {
spacing: 0.4em; } spacing: 0.4em; }
@ -1119,8 +1110,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 6px 0px 6px 1px; padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1233,24 +1223,22 @@ StScrollBar {
.app-view-control:checked { .app-view-control:checked {
color: #ffffff; color: #ffffff;
background-color: #5294E2; } background-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1334,8 +1322,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1406,11 +1393,11 @@ StScrollBar {
.notification-banner:hover .notification-button, .notification-banner:hover .notification-button,
.notification-banner:focus .notification-button { .notification-banner:focus .notification-button {
padding: 4px 4px 5px; } padding: 4px 4px 5px; }
.notification-banner .notification-button:first-child, .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-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; } border-radius: 2px; }
.secondary-icon { .secondary-icon {
@ -1506,9 +1493,9 @@ StScrollBar {
.legacy-tray-handle StIcon, .legacy-tray-handle StIcon,
.legacy-tray-icon StIcon { .legacy-tray-icon StIcon {
icon-size: 24px; } icon-size: 24px; }
.legacy-tray-handle:hover, .legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-handle:focus, .legacy-tray-icon:hover,
.legacy-tray-icon:hover, .legacy-tray-icon:focus { .legacy-tray-icon:focus {
background-color: rgba(211, 218, 227, 0.1); } background-color: rgba(211, 218, 227, 0.1); }
.legacy-tray-icon-box { .legacy-tray-icon-box {

83
common/gnome-shell/3.18/gnome-shell.css
View File

@ -35,37 +35,31 @@ stage {
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:focus, .notification-banner .notification-button:focus, .button:focus, .notification-banner .notification-button:focus, .hotplug-notification-item:focus {
.hotplug-notification-item:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:hover, .notification-banner .notification-button:hover, .button:hover, .notification-banner .notification-button:hover, .hotplug-notification-item:hover {
.hotplug-notification-item:hover {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: white; background-color: white;
border: 1px solid #cfd6e6; border: 1px solid #cfd6e6;
box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); } box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); }
.button:hover:focus, .notification-banner .notification-button:hover:focus, .button:hover:focus, .notification-banner .notification-button:hover:focus, .hotplug-notification-item:hover:focus {
.hotplug-notification-item:hover:focus {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: #fbfbfc; background-color: #fbfbfc;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); } box-shadow: inset 0 1px rgba(251, 251, 252, 0.05); }
.button:active, .notification-banner .notification-button:active, .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 {
.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); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #ffffff; color: #ffffff;
background-color: #5294E2; background-color: #5294E2;
border: 1px solid #5294E2; border: 1px solid #5294E2;
box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); } box-shadow: inset 0 1px rgba(82, 148, 226, 0.05); }
.button:insensitive, .notification-banner .notification-button:insensitive, .button:insensitive, .notification-banner .notification-button:insensitive, .hotplug-notification-item:insensitive {
.hotplug-notification-item:insensitive {
text-shadow: 0 1px rgba(255, 255, 255, 0); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: rgba(92, 97, 108, 0.55); color: rgba(92, 97, 108, 0.55);
border: 1px solid rgba(207, 214, 230, 0.55); border: 1px solid rgba(207, 214, 230, 0.55);
@ -406,9 +400,9 @@ StScrollBar {
.popup-menu .popup-menu-item { .popup-menu .popup-menu-item {
spacing: 12px; } spacing: 12px; }
.popup-menu .popup-menu-item:ltr { .popup-menu .popup-menu-item:ltr {
padding: 0.4em 3em 0.4em 0em; } padding: .4em 3em .4em 0em; }
.popup-menu .popup-menu-item:rtl { .popup-menu .popup-menu-item:rtl {
padding: 0.4em 0em 0.4em 3em; } padding: .4em 0em .4em 3em; }
.popup-menu .popup-menu-item:checked { .popup-menu .popup-menu-item:checked {
font-weight: normal; font-weight: normal;
background: none; background: none;
@ -586,9 +580,7 @@ StScrollBar {
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } border-image: url("common-assets/panel/panel.svg") 1 1 1 1; }
#panel.dynamic-top-bar-white-btn { #panel.dynamic-top-bar-white-btn {
border-image: none; } border-image: none; }
#panel.unlock-screen, #panel.unlock-screen, #panel.login-screen, #panel.lock-screen {
#panel.login-screen,
#panel.lock-screen {
background-color: transparent; background-color: transparent;
border-image: none; } border-image: none; }
#panel:overview { #panel:overview {
@ -639,13 +631,13 @@ StScrollBar {
.login-screen #panel .panel-button, .login-screen #panel .panel-button,
.lock-screen #panel .panel-button { .lock-screen #panel .panel-button {
color: #737a88; } color: #737a88; }
.unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:focus, .unlock-screen #panel .panel-button:hover, .unlock-screen #panel .panel-button:active,
.unlock-screen #panel .panel-button:hover,
.unlock-screen #panel .panel-button:active,
.login-screen #panel .panel-button:focus, .login-screen #panel .panel-button:focus,
.login-screen #panel .panel-button:hover, .login-screen #panel .panel-button:hover,
.login-screen #panel .panel-button:active, .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; } color: #737a88; }
#panel #panelActivities.panel-button { #panel #panelActivities.panel-button {
-natural-hpadding: 12px; } -natural-hpadding: 12px; }
@ -721,7 +713,7 @@ StScrollBar {
icon-size: 16px; } icon-size: 16px; }
#calendarArea { #calendarArea {
padding: 0.75em 1em; } padding: 0.75em 1.0em; }
.calendar { .calendar {
margin-bottom: 1em; } margin-bottom: 1em; }
@ -755,11 +747,11 @@ StScrollBar {
.message-list-section-title { .message-list-section-title {
padding: 7px 10px 7px 10px; padding: 7px 10px 7px 10px;
border: 1px solid rgba(255, 255, 255, 0); } border: 1px solid rgba(255, 255, 255, 0); }
.datemenu-today-button:hover, .datemenu-today-button:hover, .datemenu-today-button:focus,
.datemenu-today-button:focus,
.world-clocks-button:hover, .world-clocks-button:hover,
.world-clocks-button:focus, .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); text-shadow: 0 1px rgba(255, 255, 255, 0);
color: #5c616c; color: #5c616c;
background-color: white; background-color: white;
@ -884,8 +876,7 @@ StScrollBar {
width: 420px; } width: 420px; }
.message-list-sections { .message-list-sections {
spacing: 1.5em; } spacing: 1.5em; }
.message-list-section, .message-list-section, .message-list-section-list {
.message-list-section-list {
spacing: 0.7em; } spacing: 0.7em; }
.message-list-section-list-title-box { .message-list-section-list-title-box {
spacing: 0.4em; } spacing: 0.4em; }
@ -995,7 +986,7 @@ StScrollBar {
.nm-dialog-header-icon { .nm-dialog-header-icon {
icon-size: 32px; } icon-size: 32px; }
.nm-dialog-scroll-view { .nm-dialog-scroll-view {
border: 1px solid #dbdfe3; border: 1px solid #dcdfe3;
border-radius: 2px; border-radius: 2px;
background-color: #ffffff; } background-color: #ffffff; }
.nm-dialog-header { .nm-dialog-header {
@ -1119,8 +1110,7 @@ StScrollBar {
border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-left.svg") 3 3 3 3; }
.extended.left #dash { .extended.left #dash {
border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-extended-left.svg") 3 3 3 3; }
.right #dash, .right #dash, #dash:rtl {
#dash:rtl {
padding: 6px 0px 6px 1px; padding: 6px 0px 6px 1px;
border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; } border-image: url("common-assets/dash/dash-right.svg") 3 3 3 3; }
.extended.right #dash { .extended.right #dash {
@ -1233,24 +1223,22 @@ StScrollBar {
.app-view-control:checked { .app-view-control:checked {
color: #ffffff; color: #ffffff;
background-color: #5294E2; } background-color: #5294E2; }
.app-view-control:first-child:ltr, .app-view-control:first-child:ltr, .app-view-control:last-child:rtl {
.app-view-control:last-child:rtl {
border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px;
border-right-width: 0; } border-right-width: 0; }
.app-view-control:last-child:ltr, .app-view-control:last-child:ltr, .app-view-control:first-child:rtl {
.app-view-control:first-child:rtl {
border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0;
border-left-width: 0; } border-left-width: 0; }
.search-provider-icon:active, .search-provider-icon:active, .search-provider-icon:checked,
.search-provider-icon:checked, .list-search-result:active,
.list-search-result:active, .list-search-result:checked { .list-search-result:checked {
background-color: rgba(31, 33, 40, 0.85); } background-color: rgba(31, 33, 40, 0.85); }
.search-provider-icon:focus, .search-provider-icon:focus, .search-provider-icon:selected, .search-provider-icon:hover,
.search-provider-icon:selected, .list-search-result:focus,
.search-provider-icon:hover, .list-search-result:selected,
.list-search-result:focus, .list-search-result:selected, .list-search-result:hover { .list-search-result:hover {
background-color: rgba(186, 195, 207, 0.4); background-color: rgba(186, 195, 207, 0.4);
transition-duration: 200ms; } transition-duration: 200ms; }
@ -1334,8 +1322,7 @@ StScrollBar {
background-image: url(common-assets/misc/page-indicator-hover.svg); } background-image: url(common-assets/misc/page-indicator-hover.svg); }
.page-indicator:active .page-indicator-icon { .page-indicator:active .page-indicator-icon {
background-image: url(common-assets/misc/page-indicator-active.svg); } background-image: url(common-assets/misc/page-indicator-active.svg); }
.page-indicator:checked .page-indicator-icon, .page-indicator:checked .page-indicator-icon, .page-indicator:checked:active {
.page-indicator:checked:active {
background-image: url(common-assets/misc/page-indicator-checked.svg); } background-image: url(common-assets/misc/page-indicator-checked.svg); }
.app-well-app > .overview-icon.overview-icon-with-label, .app-well-app > .overview-icon.overview-icon-with-label,
@ -1406,11 +1393,11 @@ StScrollBar {
.notification-banner:hover .notification-button, .notification-banner:hover .notification-button,
.notification-banner:focus .notification-button { .notification-banner:focus .notification-button {
padding: 4px 4px 5px; } padding: 4px 4px 5px; }
.notification-banner .notification-button:first-child, .notification-banner .notification-button:first-child, .notification-banner .notification-button:last-child,
.notification-banner .notification-button:last-child,
.notification-banner:hover .notification-button:first-child, .notification-banner:hover .notification-button:first-child,
.notification-banner:hover .notification-button:last-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; } border-radius: 2px; }
.secondary-icon { .secondary-icon {
@ -1506,9 +1493,9 @@ StScrollBar {
.legacy-tray-handle StIcon, .legacy-tray-handle StIcon,
.legacy-tray-icon StIcon { .legacy-tray-icon StIcon {
icon-size: 24px; } icon-size: 24px; }
.legacy-tray-handle:hover, .legacy-tray-handle:hover, .legacy-tray-handle:focus,
.legacy-tray-handle:focus, .legacy-tray-icon:hover,
.legacy-tray-icon:hover, .legacy-tray-icon:focus { .legacy-tray-icon:focus {
background-color: rgba(92, 97, 108, 0.1); } background-color: rgba(92, 97, 108, 0.1); }
.legacy-tray-icon-box { .legacy-tray-icon-box {

12
common/gtk-3.0/3.14/README.md
View File

@ -4,19 +4,15 @@ This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .
* Install `nvm` (https://github.com/creationix/nvm) * 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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp
-- --

12
common/gtk-3.0/3.16/README.md
View File

@ -4,19 +4,15 @@ This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .
* Install `nvm` (https://github.com/creationix/nvm) * 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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp
-- --

12
common/gtk-3.0/3.18/README.md
View File

@ -4,19 +4,15 @@ This theme uses libsass/gulp to process the sass/*.scss. Never edit any of the .
* Install `nvm` (https://github.com/creationix/nvm) * 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` * Install `gulp` with `npm i -g gulp`
npm i
* Edit the sass/*.scss files * Edit the sass/*.scss files
* Regenerate the .css files by executing from the directory containing `gulpfile.js` * Regenerate the .css files by executing `gulp` from the directory that contains `gulpfile.js`
gulp
-- --