1
0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
This commit is contained in:
Horst3180 2015-11-05 18:23:43 +01:00
commit 76ba9cfa7e
3 changed files with 204 additions and 178 deletions

View File

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

View File

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

View File

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