Improve Budgie DE support

This commit is contained in:
EliverLara
2018-11-29 17:08:10 -06:00
parent 013c62dd66
commit 9c5e89d9ad
5 changed files with 369 additions and 282 deletions

View File

@@ -56,6 +56,8 @@ read if you used those and something break with a version upgrade you're on your
@define-color wm_button_active_color_b shade(#e6e6e6, 0.89);
@define-color wm_button_active_color_c shade(#e6e6e6, 0.9);
@define-color content_view_bg #ebf0f5;
@define-color budgie_tasklist_indicator_color #00D3A7;
@define-color budgie_tasklist_indicator_color_active #00D3A7;
/*****************
* Drawing mixins *
*****************/
@@ -4719,10 +4721,10 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-popover.background {
border-radius: 2px;
padding: 0;
background: linear-gradient(to bottom, #ebf0f5 20%, #e6e6e6);
background: linear-gradient(to bottom, #e6e6e6 20%, #e6e6e6);
background-clip: border-box;
box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.35);
border: 1px solid @borders; }
border: 1px solid rgba(0, 0, 0, 0.13); }
.budgie-popover list:hover,
.budgie-popover row:hover,
.budgie-popover.background list:hover,
@@ -4732,71 +4734,80 @@ entry selection, row:selected, treeview.view:selected:focus, treeview.view:selec
.budgie-popover.background > frame.container {
margin: 0 -1px -1px;
padding: 2px 0 0; }
.budgie-popover button,
.budgie-popover.background button {
color: #31363D;
border: none;
background: transparent; }
.budgie-popover button:hover,
.budgie-popover.background button:hover {
color: #00D3A7; }
.budgie-popover > .container {
padding: 2px; }
.budgie-menu .container {
padding: 0; }
.budgie-menu button:hover {
-gtk-icon-effect: none; }
.budgie-menu entry.search {
border: none;
background: none;
padding: 5px 2px;
border-bottom: 1px solid @borders;
border-radius: 0;
font-size: 120%;
box-shadow: none; }
.budgie-menu entry.search image:dir(ltr) {
padding-left: 8px;
padding-right: 12px; }
.budgie-menu entry.search image:dir(rtl) {
padding-left: 12px;
padding-right: 8px; }
.budgie-menu .categories {
border-width: 0;
margin-left: 3px;
background-color: transparent; }
.budgie-menu .categories:dir(ltr) {
border-right: 1px solid @borders; }
.budgie-menu .categories:dir(rtl) {
border-left: 1px solid @borders; }
.budgie-menu .category-button {
padding: 7px;
border-radius: 2px 0 0 2px; }
.budgie-menu .category-button:hover {
background-color: rgba(49, 54, 61, 0.05);
color: #31363d; }
.budgie-menu .category-button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.budgie-menu .category-button:checked {
color: #fefefe;
background: linear-gradient(to right, #5797f7 0%, #00dcf4 100%); }
.budgie-menu .category-button:checked:disabled {
opacity: 0.5; }
.budgie-menu .category-button:checked:disabled label {
color: rgba(254, 254, 254, 0.7); }
.budgie-menu scrollbar {
background-color: transparent;
border-color: transparent; }
.budgie-menu button:not(.category-button) {
padding-top: 5px;
padding-bottom: 5px;
border-radius: 0;
box-shadow: none; }
.budgie-menu button {
border: none; }
.budgie-menu undershoot, .budgie-menu overshoot {
background: none; }
.budgie-menu {
color: #31363D; }
.budgie-menu .container {
padding: 0; }
.budgie-menu button:hover {
-gtk-icon-effect: none; }
.budgie-menu entry.search {
border: none;
background: none;
padding: 5px 2px;
border-bottom: 1px solid rgba(0, 0, 0, 0.13);
border-radius: 0;
font-size: 120%;
box-shadow: none;
color: #31363D; }
.budgie-menu entry.search image:dir(ltr) {
padding-left: 8px;
padding-right: 12px; }
.budgie-menu entry.search image:dir(rtl) {
padding-left: 12px;
padding-right: 8px; }
.budgie-menu .categories {
border-width: 0;
margin-left: 3px;
background: transparent; }
.budgie-menu .categories:dir(ltr) {
border-right: 1px solid rgba(0, 0, 0, 0.13); }
.budgie-menu .categories:dir(rtl) {
border-left: 1px solid rgba(0, 0, 0, 0.13); }
.budgie-menu .category-button {
padding: 7px;
border-radius: 2px 0 0 2px; }
.budgie-menu .category-button:hover {
background-color: rgba(49, 54, 61, 0.05);
color: #31363d; }
.budgie-menu .category-button:active {
box-shadow: inset 0 2px 2px -2px rgba(0, 0, 0, 0.2); }
.budgie-menu .category-button:checked {
color: #fefefe;
background: linear-gradient(to right, #5797f7 0%, #00dcf4 100%); }
.budgie-menu .category-button:checked:hover {
color: rgba(254, 254, 254, 0.9); }
.budgie-menu .category-button:checked:disabled {
opacity: 0.5; }
.budgie-menu .category-button:checked:disabled label {
color: rgba(254, 254, 254, 0.7); }
.budgie-menu scrollbar {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.13); }
.budgie-menu button:not(.category-button) {
padding-top: 5px;
padding-bottom: 5px;
border-radius: 0;
box-shadow: none;
background: yellow; }
.budgie-menu button {
border: none;
background: transparent; }
.budgie-menu undershoot, .budgie-menu overshoot {
background: none; }
.budgie-menu list {
color: rgba(49, 54, 61, 0.7); }
button.budgie-menu-launcher {
padding: 0 2px;
@@ -4828,7 +4839,7 @@ button.budgie-menu-launcher {
.user-menu > box.vertical row.activatable:first-child .indicator-item,
.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
background-color: #00c1e4;
background-color: #00D3A7;
transition-duration: 0.2s; }
.user-menu > box.vertical row.activatable:first-child .indicator-item:dir(ltr),
.user-menu > frame.container > box.vertical row.activatable:first-child .indicator-item:dir(ltr) {
@@ -4951,8 +4962,8 @@ button.raven-trigger {
box-shadow: inset 0px 1px 1px alpha(@theme_fg_color, 0.04);; }
.budgie-panel {
color: #31363D;
background-color: rgba(205, 205, 205, 0.95);
color: #98abb2;
background-color: rgba(15, 20, 25, 0.95);
background-image: none;
box-shadow: none;
border: none;
@@ -4960,18 +4971,25 @@ button.raven-trigger {
.budgie-panel .alert {
color: #ed254e; }
.budgie-panel:backdrop {
color: #31363D;
background-color: rgba(205, 205, 205, 0.95); }
color: #98abb2;
background-color: rgba(15, 20, 25, 0.95); }
.budgie-panel button {
border-top-width: 0;
border-bottom-width: 0;
border-radius: 0; }
.budgie-panel button.flat {
background: transparent;
border: 1px solid rgba(15, 20, 25, 0.95);
color: #98abb2; }
.budgie-panel button.flat:hover, .budgie-panel button.flat:active, .budgie-panel button.flat:checked {
background: transparent;
color: #00D3A7; }
.budgie-panel popover list,
.budgie-panel popover row {
padding: 0;
margin: 0; }
.budgie-panel label {
color: #31363D;
color: #ed254e;
font-weight: 700; }
.budgie-panel.transparent {
background-color: transparent; }
@@ -4989,13 +5007,13 @@ button.raven-trigger {
background-color: rgba(49, 54, 61, 0.15); }
.budgie-panel .end-region label {
font-weight: 700;
color: #31363D; }
color: #98abb2; }
.budgie-panel #tasklist-button,
.budgie-panel #tasklist-button:backdrop {
outline-color: transparent;
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-color: rgba(205, 205, 205, 0);
border-color: rgba(15, 20, 25, 0);
border-radius: 0;
background-color: transparent;
box-shadow: none;
@@ -5004,7 +5022,7 @@ button.raven-trigger {
.budgie-panel button.flat.launcher {
outline-color: transparent;
transition: all 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-color: rgba(205, 205, 205, 0);
border-color: rgba(15, 20, 25, 0);
border-radius: 0;
padding: 0;
background-clip: padding-box;
@@ -5098,56 +5116,56 @@ button.raven-trigger {
border-right: 2px solid #00D3A7; }
.top .budgie-panel {
border-bottom: 1px solid rgba(213, 213, 213, 0.92); }
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.top .raven-frame {
padding: 0;
background: none; }
.top .raven-frame border {
border: none;
border-bottom: 1px solid rgba(230, 230, 230, 0.92); }
border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.top .shadow-block {
background-color: transparent;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent); }
.bottom .budgie-panel {
border-top: 1px solid rgba(213, 213, 213, 0.92); }
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.bottom .raven-frame {
padding: 0;
background: none; }
.bottom .raven-frame border {
border: none;
border-top: 1px solid rgba(230, 230, 230, 0.92); }
border-top: 1px solid rgba(0, 0, 0, 0.05); }
.bottom .shadow-block {
background-color: transparent;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.3), transparent); }
.left .budgie-panel {
border-right: 1px solid rgba(213, 213, 213, 0.92); }
border-right: 1px solid rgba(0, 0, 0, 0.05); }
.left .raven-frame {
padding: 0;
background: none; }
.left .raven-frame border {
border: none;
border-right: 1px solid rgba(230, 230, 230, 0.92); }
border-right: 1px solid rgba(0, 0, 0, 0.05); }
.left .shadow-block {
background-color: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.3), transparent); }
.right .budgie-panel {
border-left: 1px solid rgba(213, 213, 213, 0.92); }
border-left: 1px solid rgba(0, 0, 0, 0.05); }
.right .raven-frame {
padding: 0;
background: none; }
.right .raven-frame border {
border: none;
border-left: 1px solid rgba(230, 230, 230, 0.92); }
border-left: 1px solid rgba(0, 0, 0, 0.05); }
.right .shadow-block {
background-color: transparent;
@@ -5156,14 +5174,14 @@ button.raven-trigger {
.raven {
padding: 0;
color: #31363d;
background: linear-gradient(to bottom, #EAEAEA, #bbb8b8);
background: linear-gradient(to bottom, #e6e6e6 20%, #e6e6e6);
transition: 170ms ease-out; }
.raven .raven-header {
min-height: 32px;
color: #31363d;
color: #31363D;
border: solid rgba(0, 0, 0, 0.08);
border-width: 1px 0;
background-color: rgba(230, 230, 230, 0.2); }
background-color: rgba(213, 213, 213, 0.5); }
.raven .raven-header * {
padding-top: 0;
padding-bottom: 0; }
@@ -5192,36 +5210,45 @@ button.raven-trigger {
.raven .raven-header.bottom {
border-bottom-style: none; }
.raven .raven-header button {
background-image: linear-gradient(to bottom, #ebf0f5, #e6e6e6);
border: 1px solid rgba(0, 0, 0, 0.13);
color: #31363d;
border-radius: 0;
color: #8b8b8b;
text-shadow: none;
box-shadow: none;
margin-top: -4px;
margin-bottom: -4px;
min-height: 24px; }
background: transparent;
border: none;
border-radius: 0; }
.raven .raven-header button:hover {
border-radius: 0;
background-color: transparent;
color: #00D3A7; }
.raven .raven-header button:active, .raven .raven-header button:checked {
color: #00D3A7;
border-radius: 0;
background: #eaeef2; }
text-shadow: none;
border: none;
border-radius: 0; }
.raven .raven-header button:disabled {
color: #8c8e92; }
.raven .raven-header button.text-button.radio {
margin: 5px 0px;
min-height: 20px;
padding: 3px; }
.raven .raven-header button.text-button.radio:active, .raven .raven-header button.text-button.radio:checked {
border-radius: 23px;
background: #00e8b7;
box-shadow: 0px 2px 4px rgba(177, 177, 177, 0.753);
color: snow; }
.raven list {
color: #31363D;
background-color: transparent; }
.raven list:selected {
background-color: rgba(0, 211, 167, 0.9); }
.raven list row,
.raven list row.activatable {
background-color: transparent; }
.raven list row:hover,
.raven list row.activatable:hover {
background-color: rgba(44, 59, 73, 0.25); }
.raven list row:selected,
.raven list row.activatable:selected {
background-color: rgba(0, 211, 167, 0.9); }
.raven .raven-background {
color: #31363d;
color: #31363D;
background-color: transparent;
border-color: transparent; }
.raven .raven-background.middle {
@@ -5235,29 +5262,27 @@ button.raven-trigger {
min-width: 32px;
min-height: 32px;
margin-bottom: 3px;
background: linear-gradient(to right, #8f94fb, #4e54c8);
background: #c74ded;
color: #fefefe;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
border: none;
font-size: 100%; }
.raven .powerstrip button.image-button:hover {
transition: 170ms ease all;
background: rgba(123, 123, 189, 0.85);
background: rgba(199, 77, 237, 0.85);
color: #fefefe; }
.raven .powerstrip button.image-button:active {
transition: 170ms ease all;
background: #7b7bbd;
background: #c74ded;
color: #fefefe; }
.raven .powerstrip button.image-button:first-child {
background: linear-gradient(to right, #5797f7 0%, #00dcf4 100%); }
.raven .powerstrip button.image-button:first-child:hover {
background: #00c1e4; }
background: rgba(0, 211, 167, 0.85); }
.raven .powerstrip button.image-button:first-child:active {
background: #00c1e4; }
background: #00D3A7; }
.raven .powerstrip button.image-button:last-child {
background: linear-gradient(to right, #ee0979, #ff6a00); }
.raven .powerstrip button.image-button:last-child:hover {
background: #ed254e; }
background: rgba(237, 37, 78, 0.85); }
.raven .powerstrip button.image-button:last-child:active {
background: #ed254e; }
.raven .option-subtitle {
@@ -5265,7 +5290,7 @@ button.raven-trigger {
calendar.raven-calendar {
padding: 6px;
color: #31363d;
color: #31363D;
background: transparent;
border-color: transparent; }
calendar.raven-calendar:indeterminate {
@@ -5277,7 +5302,7 @@ calendar.raven-calendar {
calendar.raven-calendar:backdrop {
background-color: transparent; }
calendar.raven-calendar.header {
color: #31363d;
color: #31363D;
border: none;
border-radius: 0;
background-color: transparent; }
@@ -5315,14 +5340,14 @@ calendar.raven-calendar {
background: none;
border-radius: 1px; }
.budgie-notification-window button, .budgie-osd-window button, .budgie-switcher-window button {
background-color: #00c1e4;
background-color: #00D3A7;
color: #fefefe;
border: none; }
.budgie-notification-window button:hover, .budgie-osd-window button:hover, .budgie-switcher-window button:hover {
background-color: #00abcb;
background-color: #00ba93;
border: none; }
.budgie-notification-window button:active, .budgie-osd-window button:active, .budgie-switcher-window button:active, .budgie-notification-window button:checked, .budgie-osd-window button:checked, .budgie-switcher-window button:checked {
background-color: #00abcb; }
background-color: #00ba93; }
.budgie-notification.background, .background.budgie-osd, .background.budgie-switcher {
border-radius: 1px; }
@@ -5377,7 +5402,7 @@ calendar.raven-calendar {
.budgie-session-dialog, .budgie-polkit-dialog, .budgie-run-dialog {
color: #31363D;
background-color: rgba(205, 205, 205, 0.95); }
background-color: rgba(15, 20, 25, 0.95); }
.budgie-session-dialog label:backdrop, .budgie-polkit-dialog label:backdrop, .budgie-run-dialog label:backdrop {
color: rgba(49, 54, 61, 0.5); }
.budgie-session-dialog .dialog-title, .budgie-polkit-dialog .dialog-title, .budgie-run-dialog .dialog-title {
@@ -5386,6 +5411,7 @@ calendar.raven-calendar {
margin-bottom: 0;
min-height: 32px;
border-bottom: none;
border-color: rgba(0, 0, 0, 0.13);
border-radius: 0;
color: #31363D;
background-color: transparent;
@@ -5403,12 +5429,14 @@ calendar.raven-calendar {
.budgie-session-dialog .linked.horizontal > button:hover:backdrop label, .budgie-polkit-dialog .linked.horizontal > button:hover:backdrop label, .budgie-run-dialog .linked.horizontal > button:hover:backdrop label {
color: rgba(255, 255, 255, 0.5); }
.budgie-session-dialog .linked.horizontal > button.suggested-action, .budgie-polkit-dialog .linked.horizontal > button.suggested-action, .budgie-run-dialog .linked.horizontal > button.suggested-action {
background-color: rgba(0, 193, 228, 0.9); }
color: #fff;
background-color: rgba(0, 211, 167, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:hover, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:hover, .budgie-run-dialog .linked.horizontal > button.suggested-action:hover {
background-color: rgba(0, 215, 254, 0.9); }
background-color: rgba(0, 237, 187, 0.9); }
.budgie-session-dialog .linked.horizontal > button.suggested-action:active, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:active, .budgie-run-dialog .linked.horizontal > button.suggested-action:active, .budgie-session-dialog .linked.horizontal > button.suggested-action:checked, .budgie-polkit-dialog .linked.horizontal > button.suggested-action:checked, .budgie-run-dialog .linked.horizontal > button.suggested-action:checked {
background-color: rgba(0, 215, 254, 0.9); }
background-color: rgba(0, 237, 187, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action, .budgie-polkit-dialog .linked.horizontal > button.destructive-action, .budgie-run-dialog .linked.horizontal > button.destructive-action {
color: #fff;
background-color: rgba(230, 19, 62, 0.9); }
.budgie-session-dialog .linked.horizontal > button.destructive-action:hover, .budgie-polkit-dialog .linked.horizontal > button.destructive-action:hover, .budgie-run-dialog .linked.horizontal > button.destructive-action:hover {
background-color: rgba(237, 37, 78, 0.9); }
@@ -5453,7 +5481,7 @@ calendar.raven-calendar {
margin: 4px;
padding: 5px;
border-radius: 0;
background-color: rgba(205, 205, 205, 0.95); }
background-color: rgba(15, 20, 25, 0.95); }
.budgie-menubar menu menuitem:hover {
background-color: #00D3A7;
color: #fefefe; }