1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-09-28 14:00:44 +00:00

gnome-shell 3.14: fix classic mode

This commit is contained in:
Horst3180 2015-11-03 00:13:05 +01:00
parent 4e257ac0d3
commit 1559de60c8
3 changed files with 204 additions and 178 deletions

View File

@ -184,12 +184,14 @@ StScrollBar {
.slider { .slider {
-slider-height: 4px; -slider-height: 4px;
-slider-background-color: #2b2e39; -slider-background-color: #2b2e39 !important;
-slider-border-color: transparent; -slider-border-color: transparent !important;
-slider-active-background-color: #5294E2; -slider-active-background-color: #5294E2 !important;
-slider-active-border-color: transparent; -slider-active-border-color: transparent !important;
-slider-border-width: 0; -slider-border-width: 0;
-slider-handle-radius: 4px; -slider-handle-radius: 4px;
-slider-handle-border-color: transparent !important;
-slider-handle-border-width: 0 !important;
height: 18px; height: 18px;
border: 0 solid transparent; border: 0 solid transparent;
border-right-width: 1px; border-right-width: 1px;
@ -451,7 +453,8 @@ StScrollBar {
background-gradient-direction: none !important; background-gradient-direction: none !important;
border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; } border-image: url("dark-assets/menu/submenu.svg") 9 9 9 9; }
.popup-menu .popup-submenu-menu-item:open { .popup-menu .popup-submenu-menu-item:open {
background: none; color: #D3DAE3 !important;
background: none !important;
box-shadow: none; box-shadow: none;
border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; } border-image: url("dark-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content {
@ -459,20 +462,22 @@ 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; color: #D3DAE3 !important;
background-color: transparent; background-color: transparent;
border-image: url("dark-assets/menu/menu-hover.svg") 9 9 1 1; } border-image: url("dark-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(211, 218, 227, 0.5); color: rgba(211, 218, 227, 0.5) !important;
background: none; } background: none; }
.popup-menu .popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: #D3DAE3; } color: #D3DAE3; }
.popup-menu .popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(211, 218, 227, 0.45); } color: rgba(211, 218, 227, 0.45); }
.popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item {
color: #D3DAE3 !important; }
.popup-menu.panel-menu { .popup-menu.panel-menu {
-boxpointer-gap: 0px; -boxpointer-gap: 0px;
margin-bottom: 1.75em; } margin-bottom: 1.75em; }
@ -483,12 +488,13 @@ StScrollBar {
width: 16px; } width: 16px; }
.popup-menu-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px !important;
-arrow-background-color: transparent; -arrow-background-color: transparent !important;
-arrow-border-width: 1px; -arrow-border-width: 1px !important;
-arrow-border-color: transparent; -arrow-border-color: transparent !important;
-arrow-base: 0; -arrow-base: 0 !important;
-arrow-rise: 0; } -arrow-rise: 0 !important;
color: #D3DAE3 !important; }
.candidate-popup-boxpointer { .candidate-popup-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px;
@ -631,12 +637,13 @@ StScrollBar {
font-weight: bold; font-weight: bold;
height: 2.1em; height: 2.1em;
min-height: 27px; min-height: 27px;
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } background-color: transparent !important;
background-gradient-direction: none !important;
border-bottom: 0px !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 {
@ -655,10 +662,10 @@ StScrollBar {
-panel-corner-background-color: transparent; -panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; } -panel-corner-border-color: transparent; }
#panel .panel-button { #panel .panel-button {
-natural-hpadding: 10px; -natural-hpadding: 10px !important;
-minimum-hpadding: 6px; -minimum-hpadding: 6px !important;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff !important;
transition-duration: 100ms; transition-duration: 100ms;
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; } border-color: transparent; }
@ -668,17 +675,17 @@ StScrollBar {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; } margin-right: 0px; }
#panel .panel-button:hover { #panel .panel-button:hover {
color: #ffffff; color: #ffffff !important;
background-color: rgba(0, 0, 0, 0.17); background-color: rgba(0, 0, 0, 0.17);
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; border-color: transparent;
text-shadow: 0 0 transparent; } text-shadow: 0 0 transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
color: #ffffff; color: #ffffff !important;
background: #5294E2, url("common-assets/misc/null.svg"); background: #5294E2, url("common-assets/misc/null.svg");
border-image: none; border-image: none;
box-shadow: none; box-shadow: none;
border-bottom-width: 1px; border-bottom-width: 1px !important;
border-color: black; border-color: black;
text-shadow: 0 0 transparent; } text-shadow: 0 0 transparent; }
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
@ -690,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; }
@ -741,29 +748,30 @@ StScrollBar {
spacing: 4px; spacing: 4px;
padding: 0 8px; } padding: 0 8px; }
#appMenu .label-shadow { #appMenu .label-shadow {
color: transparent; } color: transparent !important; }
.aggregate-menu { .aggregate-menu {
width: 360px; } width: 360px; }
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0 4px; } padding: 0 4px;
color: #D3DAE3 !important; }
.system-menu-action { .system-menu-action {
padding: 13px; padding: 13px;
color: #D3DAE3; color: #D3DAE3 !important;
border-radius: 32px; border-radius: 32px;
/* wish we could do 50% */ /* wish we could do 50% */
border: 1px solid transparent; } border: 1px solid transparent !important; }
.system-menu-action:hover, .system-menu-action:focus { .system-menu-action:hover, .system-menu-action:focus {
transition-duration: 100ms; transition-duration: 100ms;
padding: 13px; padding: 13px;
color: #D3DAE3; color: #D3DAE3 !important;
background-color: transparent; background-color: transparent !important;
border: 1px solid #5294E2; } border: 1px solid #5294E2 !important; }
.system-menu-action:active { .system-menu-action:active {
color: #ffffff; color: #ffffff !important;
background-color: #5294E2; background-color: #5294E2 !important;
border: 1px solid #5294E2; } border: 1px solid #5294E2 !important; }
.system-menu-action > StIcon { .system-menu-action > StIcon {
icon-size: 16px; } icon-size: 16px; }
@ -773,10 +781,10 @@ 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; color: #D3DAE3 !important;
font-weight: bold; font-weight: bold;
padding: 8px 0; } padding: 8px 0; }
@ -821,10 +829,10 @@ 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; color: #D3DAE3 !important;
border-radius: 4px; } border-radius: 4px; }
.calendar-day-base { .calendar-day-base {
@ -834,12 +842,14 @@ StScrollBar {
height: 25px; height: 25px;
padding: 0.1em; padding: 0.1em;
margin: 2px; margin: 2px;
border-radius: 12.5px; } border-radius: 12.5px;
color: #D3DAE3 !important; }
.calendar-day-base:hover, .calendar-day-base:focus { .calendar-day-base:hover, .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1) !important;
color: #D3DAE3 !important; }
.calendar-day-base:active { .calendar-day-base:active {
color: #D3DAE3; color: #D3DAE3 !important;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15) !important;
border-width: 0; } border-width: 0; }
.calendar-day-base.calendar-day-heading { .calendar-day-base.calendar-day-heading {
color: rgba(211, 218, 227, 0.85); color: rgba(211, 218, 227, 0.85);
@ -862,7 +872,7 @@ StScrollBar {
.calendar-nonwork-day { .calendar-nonwork-day {
background-color: transparent; background-color: transparent;
color: #D3DAE3; color: #D3DAE3 !important;
font-weight: bold; } font-weight: bold; }
.calendar-today, .calendar-today,
@ -870,8 +880,8 @@ StScrollBar {
.calendar-today:focus, .calendar-today:focus,
.calendar-today:hover { .calendar-today:hover {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff !important;
background: #5294E2, url("common-assets/misc/null.svg"); background: #5294E2, url("common-assets/misc/null.svg") !important;
border-width: 0; } border-width: 0; }
.calendar-day-with-events { .calendar-day-with-events {
@ -896,7 +906,7 @@ StScrollBar {
.events-day-header { .events-day-header {
font-weight: bold; font-weight: bold;
color: rgba(211, 218, 227, 0.8); color: rgba(211, 218, 227, 0.8) !important;
padding-left: 0.4em; padding-left: 0.4em;
padding-top: 1.2em; } padding-top: 1.2em; }
.events-day-header:first-child { .events-day-header:first-child {
@ -906,14 +916,14 @@ StScrollBar {
padding-right: 0.4em; } padding-right: 0.4em; }
.events-day-dayname { .events-day-dayname {
color: rgba(211, 218, 227, 0.5); color: rgba(211, 218, 227, 0.5) !important;
text-align: left; text-align: left;
min-width: 20px; } min-width: 20px; }
.events-day-dayname:rtl { .events-day-dayname:rtl {
text-align: right; } text-align: right; }
.events-day-time { .events-day-time {
color: rgba(211, 218, 227, 0.4); color: rgba(211, 218, 227, 0.4) !important;
text-align: right; } text-align: right; }
.events-day-time:rtl { .events-day-time:rtl {
text-align: left; } text-align: left; }
@ -1108,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 {
@ -1292,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; }
@ -1399,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,

View File

@ -184,12 +184,14 @@ StScrollBar {
.slider { .slider {
-slider-height: 4px; -slider-height: 4px;
-slider-background-color: #cfd6e6; -slider-background-color: #cfd6e6 !important;
-slider-border-color: transparent; -slider-border-color: transparent !important;
-slider-active-background-color: #5294E2; -slider-active-background-color: #5294E2 !important;
-slider-active-border-color: transparent; -slider-active-border-color: transparent !important;
-slider-border-width: 0; -slider-border-width: 0;
-slider-handle-radius: 4px; -slider-handle-radius: 4px;
-slider-handle-border-color: transparent !important;
-slider-handle-border-width: 0 !important;
height: 18px; height: 18px;
border: 0 solid transparent; border: 0 solid transparent;
border-right-width: 1px; border-right-width: 1px;
@ -451,7 +453,8 @@ StScrollBar {
background-gradient-direction: none !important; background-gradient-direction: none !important;
border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; } border-image: url("light-assets/menu/submenu.svg") 9 9 9 9; }
.popup-menu .popup-submenu-menu-item:open { .popup-menu .popup-submenu-menu-item:open {
background: none; color: #5c616c !important;
background: none !important;
box-shadow: none; box-shadow: none;
border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; } border-image: url("light-assets/menu/submenu-open.svg") 9 9 9 9; }
.popup-menu .popup-menu-content { .popup-menu .popup-menu-content {
@ -459,20 +462,22 @@ 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; color: #5c616c !important;
background-color: transparent; background-color: transparent;
border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; } border-image: url("light-assets/menu/menu-hover.svg") 9 9 1 1; }
.popup-menu .popup-menu-item:insensitive { .popup-menu .popup-menu-item:insensitive {
color: rgba(92, 97, 108, 0.5); color: rgba(92, 97, 108, 0.5) !important;
background: none; } background: none; }
.popup-menu .popup-inactive-menu-item { .popup-menu .popup-inactive-menu-item {
color: #5c616c; } color: #5c616c; }
.popup-menu .popup-inactive-menu-item:insensitive { .popup-menu .popup-inactive-menu-item:insensitive {
color: rgba(92, 97, 108, 0.55); } color: rgba(92, 97, 108, 0.55); }
.popup-menu .popup-status-menu-item, .popup-menu .popup-subtitle-menu-item {
color: #5c616c !important; }
.popup-menu.panel-menu { .popup-menu.panel-menu {
-boxpointer-gap: 0px; -boxpointer-gap: 0px;
margin-bottom: 1.75em; } margin-bottom: 1.75em; }
@ -483,12 +488,13 @@ StScrollBar {
width: 16px; } width: 16px; }
.popup-menu-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px !important;
-arrow-background-color: transparent; -arrow-background-color: transparent !important;
-arrow-border-width: 1px; -arrow-border-width: 1px !important;
-arrow-border-color: transparent; -arrow-border-color: transparent !important;
-arrow-base: 0; -arrow-base: 0 !important;
-arrow-rise: 0; } -arrow-rise: 0 !important;
color: #5c616c !important; }
.candidate-popup-boxpointer { .candidate-popup-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px;
@ -631,12 +637,13 @@ StScrollBar {
font-weight: bold; font-weight: bold;
height: 2.1em; height: 2.1em;
min-height: 27px; min-height: 27px;
border-image: url("common-assets/panel/panel.svg") 1 1 1 1; } background-color: transparent !important;
background-gradient-direction: none !important;
border-bottom: 0px !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 {
@ -655,10 +662,10 @@ StScrollBar {
-panel-corner-background-color: transparent; -panel-corner-background-color: transparent;
-panel-corner-border-color: transparent; } -panel-corner-border-color: transparent; }
#panel .panel-button { #panel .panel-button {
-natural-hpadding: 10px; -natural-hpadding: 10px !important;
-minimum-hpadding: 6px; -minimum-hpadding: 6px !important;
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff !important;
transition-duration: 100ms; transition-duration: 100ms;
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; } border-color: transparent; }
@ -668,17 +675,17 @@ StScrollBar {
margin-left: 0px; margin-left: 0px;
margin-right: 0px; } margin-right: 0px; }
#panel .panel-button:hover { #panel .panel-button:hover {
color: #ffffff; color: #ffffff !important;
background-color: rgba(0, 0, 0, 0.17); background-color: rgba(0, 0, 0, 0.17);
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; border-color: transparent;
text-shadow: 0 0 transparent; } text-shadow: 0 0 transparent; }
#panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked { #panel .panel-button:active, #panel .panel-button:overview, #panel .panel-button:focus, #panel .panel-button:checked {
color: #ffffff; color: #ffffff !important;
background: #5294E2, url("common-assets/misc/null.svg"); background: #5294E2, url("common-assets/misc/null.svg");
border-image: none; border-image: none;
box-shadow: none; box-shadow: none;
border-bottom-width: 1px; border-bottom-width: 1px !important;
border-color: black; border-color: black;
text-shadow: 0 0 transparent; } text-shadow: 0 0 transparent; }
#panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon { #panel .panel-button:active > .system-status-icon, #panel .panel-button:overview > .system-status-icon, #panel .panel-button:focus > .system-status-icon, #panel .panel-button:checked > .system-status-icon {
@ -690,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; }
@ -741,29 +748,30 @@ StScrollBar {
spacing: 4px; spacing: 4px;
padding: 0 8px; } padding: 0 8px; }
#appMenu .label-shadow { #appMenu .label-shadow {
color: transparent; } color: transparent !important; }
.aggregate-menu { .aggregate-menu {
width: 360px; } width: 360px; }
.aggregate-menu .popup-menu-icon { .aggregate-menu .popup-menu-icon {
padding: 0 4px; } padding: 0 4px;
color: #5c616c !important; }
.system-menu-action { .system-menu-action {
padding: 13px; padding: 13px;
color: #5c616c; color: #5c616c !important;
border-radius: 32px; border-radius: 32px;
/* wish we could do 50% */ /* wish we could do 50% */
border: 1px solid transparent; } border: 1px solid transparent !important; }
.system-menu-action:hover, .system-menu-action:focus { .system-menu-action:hover, .system-menu-action:focus {
transition-duration: 100ms; transition-duration: 100ms;
padding: 13px; padding: 13px;
color: #5c616c; color: #5c616c !important;
background-color: transparent; background-color: transparent !important;
border: 1px solid #5294E2; } border: 1px solid #5294E2 !important; }
.system-menu-action:active { .system-menu-action:active {
color: #ffffff; color: #ffffff !important;
background-color: #5294E2; background-color: #5294E2 !important;
border: 1px solid #5294E2; } border: 1px solid #5294E2 !important; }
.system-menu-action > StIcon { .system-menu-action > StIcon {
icon-size: 16px; } icon-size: 16px; }
@ -773,10 +781,10 @@ 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; color: #5c616c !important;
font-weight: bold; font-weight: bold;
padding: 8px 0; } padding: 8px 0; }
@ -821,10 +829,10 @@ 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; color: #5c616c !important;
border-radius: 4px; } border-radius: 4px; }
.calendar-day-base { .calendar-day-base {
@ -834,12 +842,14 @@ StScrollBar {
height: 25px; height: 25px;
padding: 0.1em; padding: 0.1em;
margin: 2px; margin: 2px;
border-radius: 12.5px; } border-radius: 12.5px;
color: #5c616c !important; }
.calendar-day-base:hover, .calendar-day-base:focus { .calendar-day-base:hover, .calendar-day-base:focus {
background-color: rgba(0, 0, 0, 0.1); } background-color: rgba(0, 0, 0, 0.1) !important;
color: #5c616c !important; }
.calendar-day-base:active { .calendar-day-base:active {
color: #5c616c; color: #5c616c !important;
background-color: rgba(0, 0, 0, 0.15); background-color: rgba(0, 0, 0, 0.15) !important;
border-width: 0; } border-width: 0; }
.calendar-day-base.calendar-day-heading { .calendar-day-base.calendar-day-heading {
color: rgba(92, 97, 108, 0.85); color: rgba(92, 97, 108, 0.85);
@ -862,7 +872,7 @@ StScrollBar {
.calendar-nonwork-day { .calendar-nonwork-day {
background-color: transparent; background-color: transparent;
color: #5c616c; color: #5c616c !important;
font-weight: bold; } font-weight: bold; }
.calendar-today, .calendar-today,
@ -870,8 +880,8 @@ StScrollBar {
.calendar-today:focus, .calendar-today:focus,
.calendar-today:hover { .calendar-today:hover {
font-weight: bold; font-weight: bold;
color: #ffffff; color: #ffffff !important;
background: #5294E2, url("common-assets/misc/null.svg"); background: #5294E2, url("common-assets/misc/null.svg") !important;
border-width: 0; } border-width: 0; }
.calendar-day-with-events { .calendar-day-with-events {
@ -896,7 +906,7 @@ StScrollBar {
.events-day-header { .events-day-header {
font-weight: bold; font-weight: bold;
color: rgba(92, 97, 108, 0.8); color: rgba(92, 97, 108, 0.8) !important;
padding-left: 0.4em; padding-left: 0.4em;
padding-top: 1.2em; } padding-top: 1.2em; }
.events-day-header:first-child { .events-day-header:first-child {
@ -906,14 +916,14 @@ StScrollBar {
padding-right: 0.4em; } padding-right: 0.4em; }
.events-day-dayname { .events-day-dayname {
color: rgba(92, 97, 108, 0.5); color: rgba(92, 97, 108, 0.5) !important;
text-align: left; text-align: left;
min-width: 20px; } min-width: 20px; }
.events-day-dayname:rtl { .events-day-dayname:rtl {
text-align: right; } text-align: right; }
.events-day-time { .events-day-time {
color: rgba(92, 97, 108, 0.4); color: rgba(92, 97, 108, 0.4) !important;
text-align: right; } text-align: right; }
.events-day-time:rtl { .events-day-time:rtl {
text-align: left; } text-align: left; }
@ -1108,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 {
@ -1292,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; }
@ -1399,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,

View File

@ -164,12 +164,14 @@ StScrollBar {
// //
.slider { .slider {
-slider-height: 4px; -slider-height: 4px;
-slider-background-color: $button_border; //background of the trough -slider-background-color: $button_border !important; //background of the trough
-slider-border-color: transparentize(black, 1); //trough border color -slider-border-color: transparentize(black, 1) !important; //trough border color
-slider-active-background-color: $selected_bg_color; //active trough fill -slider-active-background-color: $selected_bg_color !important; //active trough fill
-slider-active-border-color: transparentize(black, 1); //active trough border -slider-active-border-color: transparentize(black, 1) !important; //active trough border
-slider-border-width: 0; -slider-border-width: 0;
-slider-handle-radius: 4px; -slider-handle-radius: 4px;
-slider-handle-border-color: transparent !important;
-slider-handle-border-width: 0 !important;
height: 18px; height: 18px;
border: 0 solid transparent; border: 0 solid transparent;
border-right-width: 1px; border-right-width: 1px;
@ -551,7 +553,8 @@ StScrollBar {
} }
.popup-submenu-menu-item:open { .popup-submenu-menu-item:open {
background: none; color: $fg_color !important;
background: none !important;
box-shadow: none; box-shadow: none;
border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9; border-image: url("#{$asset_path}/menu/submenu-open.svg") 9 9 9 9;
} }
@ -564,13 +567,13 @@ StScrollBar {
&:rtl { padding: .4em 0em .4em 3em; } &:rtl { padding: .4em 0em .4em 3em; }
&:active, &.selected { &:active, &.selected {
color: $fg_color; color: $fg_color !important;
background-color: transparent; background-color: transparent;
border-image: url("#{$asset_path}/menu/menu-hover.svg") 9 9 1 1; border-image: url("#{$asset_path}/menu/menu-hover.svg") 9 9 1 1;
} }
&:insensitive { &:insensitive {
color: transparentize($fg_color, 0.5); color: transparentize($fg_color, 0.5) !important;
background: none; background: none;
} }
} }
@ -580,7 +583,7 @@ StScrollBar {
&:insensitive { color: $insensitive_fg_color; } &:insensitive { color: $insensitive_fg_color; }
} }
//.popup-status-menu-item { font-weight: normal; color: pink; } //dunno what that is .popup-status-menu-item, .popup-subtitle-menu-item { color: $fg_color !important; }
&.panel-menu { &.panel-menu {
-boxpointer-gap: 0px; -boxpointer-gap: 0px;
margin-bottom: 1.75em; margin-bottom: 1.75em;
@ -594,12 +597,13 @@ StScrollBar {
} }
.popup-menu-boxpointer { .popup-menu-boxpointer {
-arrow-border-radius: 2px; -arrow-border-radius: 2px !important;
-arrow-background-color: rgba(0,0,0,0.0); -arrow-background-color: rgba(0,0,0,0.0) !important;
-arrow-border-width: 1px; -arrow-border-width: 1px !important;
-arrow-border-color: rgba(0,0,0,0.0); -arrow-border-color: rgba(0,0,0,0.0) !important;
-arrow-base: 0; -arrow-base: 0 !important;
-arrow-rise: 0; -arrow-rise: 0 !important;
color: $fg_color !important;
} }
.candidate-popup-boxpointer { .candidate-popup-boxpointer {
@ -804,7 +808,10 @@ StScrollBar {
font-weight: bold; font-weight: bold;
height: 2.1em; height: 2.1em;
min-height: 27px; min-height: 27px;
border-image: url('common-assets/panel/panel.svg') 1 1 1 1; background-color: transparent !important;
background-gradient-direction: none !important;
border-bottom: 0px !important;
border-image: url('common-assets/panel/panel.svg') 1 1 1 1 !important;
// Fix dynamic top bar extension // Fix dynamic top bar extension
&.dynamic-top-bar-white-btn { border-image: none; } &.dynamic-top-bar-white-btn { border-image: none; }
@ -840,10 +847,10 @@ StScrollBar {
} }
.panel-button { .panel-button {
-natural-hpadding: 10px; -natural-hpadding: 10px !important;
-minimum-hpadding: 6px; -minimum-hpadding: 6px !important;
font-weight: bold; font-weight: bold;
color: $selected_fg_color; color: $selected_fg_color !important;
transition-duration: 100ms; transition-duration: 100ms;
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; border-color: transparent;
@ -856,7 +863,7 @@ StScrollBar {
} }
&:hover { &:hover {
color: $selected_fg_color; color: $selected_fg_color !important;
background-color: transparentize(black, 0.83); background-color: transparentize(black, 0.83);
border-bottom-width: 1px; border-bottom-width: 1px;
border-color: transparent; border-color: transparent;
@ -864,11 +871,11 @@ StScrollBar {
} }
&:active, &:overview, &:focus, &:checked { &:active, &:overview, &:focus, &:checked {
color: $selected_fg_color; color: $selected_fg_color !important;
background:$selected_bg_color, url("common-assets/misc/null.svg"); background:$selected_bg_color, url("common-assets/misc/null.svg");
border-image: none; border-image: none;
box-shadow: none; box-shadow: none;
border-bottom-width: 1px; border-bottom-width: 1px !important;
border-color: black; border-color: black;
text-shadow: 0 0 rgba(0,0,0,0); text-shadow: 0 0 rgba(0,0,0,0);
@ -940,31 +947,34 @@ StScrollBar {
spacing: 4px; spacing: 4px;
padding: 0 8px; padding: 0 8px;
.label-shadow { color: transparent; } .label-shadow { color: transparent !important; }
} }
.aggregate-menu { .aggregate-menu {
width: 360px; width: 360px;
.popup-menu-icon { padding: 0 4px; } .popup-menu-icon {
padding: 0 4px;
color: $fg_color !important;
}
} }
.system-menu-action { .system-menu-action {
padding: 13px; padding: 13px;
color: $fg_color; color: $fg_color !important;
border-radius: 32px; /* wish we could do 50% */ border-radius: 32px; /* wish we could do 50% */
border: 1px solid transparent; border: 1px solid transparent !important;
&:hover, &:focus { &:hover, &:focus {
transition-duration: 100ms; transition-duration: 100ms;
padding: 13px; padding: 13px;
color: $fg_color; color: $fg_color !important;
background-color: transparent; background-color: transparent !important;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color !important;
} }
&:active { &:active {
color: $selected_fg_color; color: $selected_fg_color !important;
background-color: $selected_bg_color; background-color: $selected_bg_color !important;
border: 1px solid $selected_bg_color; border: 1px solid $selected_bg_color !important;
} }
& > StIcon { icon-size: 16px; } & > StIcon { icon-size: 16px; }
@ -984,7 +994,7 @@ StScrollBar {
} }
.calendar-month-label { .calendar-month-label {
color: $fg_color; color: $fg_color !important;
font-weight: bold; font-weight: bold;
padding: 8px 0; padding: 8px 0;
&:focus {} &:focus {}
@ -1044,7 +1054,7 @@ StScrollBar {
padding: .4em 1.7em; padding: .4em 1.7em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
color: $fg_color; color: $fg_color !important;
border-radius: 4px; border-radius: 4px;
&:hover, &:focus {} &:hover, &:focus {}
@ -1058,12 +1068,16 @@ StScrollBar {
padding: 0.1em; padding: 0.1em;
margin: 2px; margin: 2px;
border-radius: 12.5px; border-radius: 12.5px;
color: $fg_color !important;
&:hover, &:focus { background-color: transparentize(black, 0.9); } &:hover, &:focus {
background-color: transparentize(black, 0.9) !important;
color: $fg_color !important;
}
&:active { &:active {
color: $fg_color; color: $fg_color !important;
background-color: transparentize(black, 0.85); background-color: transparentize(black, 0.85) !important;
border-width: 0; //avoid jumparound due to today border-width: 0; //avoid jumparound due to today
} }
@ -1092,7 +1106,7 @@ StScrollBar {
.calendar-nonwork-day { .calendar-nonwork-day {
background-color: transparent; background-color: transparent;
color: $fg_color; color: $fg_color !important;
font-weight: bold; font-weight: bold;
} }
@ -1101,8 +1115,8 @@ StScrollBar {
.calendar-today:focus, .calendar-today:focus,
.calendar-today:hover { .calendar-today:hover {
font-weight: bold; font-weight: bold;
color: $selected_fg_color; color: $selected_fg_color !important;
background: $selected_bg_color, url("common-assets/misc/null.svg"); background: $selected_bg_color, url("common-assets/misc/null.svg") !important;
border-width: 0; border-width: 0;
} }
@ -1129,7 +1143,7 @@ StScrollBar {
.events-day-header { .events-day-header {
font-weight: bold; font-weight: bold;
color: transparentize($fg_color, 0.2); color: transparentize($fg_color, 0.2) !important;
padding-left: 0.4em; padding-left: 0.4em;
padding-top: 1.2em; padding-top: 1.2em;
@ -1141,7 +1155,7 @@ StScrollBar {
} }
.events-day-dayname { .events-day-dayname {
color: transparentize($fg_color, 0.5); color: transparentize($fg_color, 0.5) !important;
text-align: left; text-align: left;
min-width: 20px; min-width: 20px;
@ -1149,7 +1163,7 @@ StScrollBar {
} }
.events-day-time { .events-day-time {
color: transparentize($fg_color, 0.6); color: transparentize($fg_color, 0.6) !important;
text-align: right; text-align: right;
&:rtl { text-align: left; } &:rtl { text-align: left; }