Skip to content

Commit

Permalink
User Interface Refresh
Browse files Browse the repository at this point in the history
  • Loading branch information
Kristan Kenney committed Apr 9, 2020
1 parent bb67ffc commit 44f37ab
Show file tree
Hide file tree
Showing 44 changed files with 653 additions and 423 deletions.
32 changes: 24 additions & 8 deletions install/deb/themes/dark.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,8 @@ a {
color: #dadada;
background: linear-gradient(to bottom, rgba(15,15,15,0.6) 0%,rgba(45,45,45,0.75) 30%,rgba(60,60,60,1) 95%);
text-shadow: 0px 1px rgba(0,0,0,0.5);
border-left-color: #353535;
border-right-color: #353535;
}

.l-menu {
Expand All @@ -111,11 +113,15 @@ a {
box-shadow: none !important;
}
.l-menu__item a:active {
background: linear-gradient(to bottom, rgba(15,15,15,0.6) 0%,rgba(45,45,45,0.75) 30%,rgba(60,60,60,1) 95%) !important;
background: linear-gradient(to bottom, rgba(15,15,15,0.7) 0%,rgba(45,45,45,0.85) 30%,rgba(50,50,50,1) 95%) !important;
color: #fff !important;
text-shadow: 0px -1px 1px rgba(0,0,0,0.5) !important;
}

.l-menu__item.l-menu__item--active:hover {
background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.15) 30%,rgba(255,255,255,0.15) 95%) !important;
}

.l-menu.active .l-menu__item.focus a {

}
Expand Down Expand Up @@ -250,7 +256,7 @@ a {

.notification-container .unseen .title a,
.notification-container .unseen .title {

color: #fff !important;
}
.notification-container .unseen .title a:hover {

Expand Down Expand Up @@ -1268,12 +1274,12 @@ body.mobile .l-icon-shortcuts {


.vst-error {
color: #f864fa;
color: #ff3333;

}

.vst-ok {

color: #53ba55;
}

.l-unit-toolbar__buttonstrip .vst-ok, .l-unit-toolbar__buttonstrip .vst-error {
Expand Down Expand Up @@ -1351,7 +1357,9 @@ label:hover {
}
.vst-input:hover {
border-color: #0090ff;
background-color: #494949;
}

.vst-input:focus {
background-color: #222222;
border-color: #0080df;
Expand Down Expand Up @@ -1385,7 +1393,7 @@ label:hover {

}
.vst-input.vst-list-editor:focus {
background-color: #505050;
background-color: #222222;
box-shadow: none !important;
}

Expand All @@ -1409,6 +1417,7 @@ select.vst-list:-moz-focusring {
}
.vst-list:hover {
border-color: #0090ff;
background-color: #494949;
}
.vst-list:focus {
background-color: #222222;
Expand Down Expand Up @@ -1445,7 +1454,8 @@ a.vst-text:active b{
background: #454545 !important;
border: 1px solid #505050 !important;
text-shadow: 0px 1px rgba(0,0,0,0.4);
box-shadow: 0px 2px 6px rgba(0,0,0,0.4) !important;
box-shadow: inset 0px 0px 2px rgba(0,0,0,0.5),
0px 2px 6px rgba(0,0,0,0.4) !important;
color: #fff !important;
padding: 4px 0px 0px 18px;
overflow: hidden;
Expand All @@ -1468,6 +1478,7 @@ a.vst-text:active b{
}
.vst-textinput:hover {
border: 1px solid #0090ff;
background-color: #494949;
}
.vst-textinput:focus {
background-color: #222222;
Expand Down Expand Up @@ -1810,10 +1821,11 @@ a.button.cancel {

.login {
background-color: #282828;
box-shadow: 0px 8px 25px rgba(0,0,0, 0.3), inset 0px 0px 2px rgba(0,0,0,0.25) !important;
}

.login-welcome {

color: #fff !important;
}

.page-title {
Expand Down Expand Up @@ -2032,7 +2044,7 @@ form#vstobjects.suspended {
color: #33cccc;
}
.status-icon.purple, .status-icon.purple:hover {
color: #8e2fca;
color: #c364ff;
}

.status-icon.maroon, .status-icon.maroon:hover {
Expand Down Expand Up @@ -2121,12 +2133,14 @@ form#vstobjects.suspended {

.ui-dialog .ui-dialog-buttonpane {
border-color: #404040 !important;
background-color: #252525 !important;
}

.shortcuts {
background: rgba(30,30,30,0.95);
border: 1px solid rgba(255,255,255,0.25);
box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
border-bottom: none !important;
}

.shortcuts .header {
Expand Down Expand Up @@ -2222,6 +2236,8 @@ form#vstobjects.suspended {
.ui-dialog {
background-color: rgba(45,45,45,0.95) !important;
border: 1px solid rgba(80,80,80,0.97) !important;
box-shadow: inset 0px 1px 3px rgba(0,0,0,0.25),
0px 8px 25px rgba(0,0,0,0.9) !important;
}

.ui-dialog .ui-dialog-content {
Expand Down
39 changes: 32 additions & 7 deletions install/deb/themes/flat.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ b, strong {
.l-header {
box-shadow: none;
background: #5070a6;
text-shadow: none !important;
}

.l-menu__item--active {
Expand All @@ -39,6 +40,7 @@ b, strong {

.l-menu__item.l-menu__item--active a {
background: none;
box-shadow: none !important;
}

.l-menu__item a:hover {
Expand All @@ -48,7 +50,7 @@ b, strong {

.l-menu__item a:active {
background: none;
box-shadow: none;
box-shadow: none !important;
}

.l-profile__notifications:hover,
Expand Down Expand Up @@ -90,24 +92,31 @@ b, strong {
box-shadow: none;
}

.ui-button, .button {
.ui-button, .button, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit, .vst-advanced {
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(235,243,249,1) 0%,rgba(223,235,245,1) 100%) !important;
}

.ui-button.cancel, .button.cancel {
.ui-button.cancel,
.button.cancel,
.to-top, .to-shortcuts {
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(241,241,241,1) 100%) !important;
}

.ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover {
.ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:hover,
.vst-advanced:hover, .to-top:hover, .to-shortcuts:hover {
color: #6986b7 !important;
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(241,248,253,1) 0%,rgba(227,240,251,1) 100%) !important;
}

.ui-button:focus,.ui-button:active,
.button:active,.button:focus,.ui-button.cancel:focus,.ui-button.cancel:active,
.button.cancel:active,.button.cancel:focus {
.button.cancel:active,.button.cancel:focus,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:active,
.vst-advanced:active,.to-top:focus, .to-shortcuts:focus {
box-shadow: none !important;
background: linear-gradient(to bottom, rgba(210,232,250,1) 0%,rgba(194,224,248,1) 100%) !important;
}
Expand All @@ -124,6 +133,14 @@ b, strong {
border: 1px solid #F4301A !important;
}

.ui-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
box-shadow: none !important;
}

.ui-dialog {
box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5) !important;
}

.alert {
text-shadow: none !important;
box-shadow: none !important;
Expand All @@ -139,10 +156,18 @@ b, strong {

.notification-container {
box-shadow: none;
border: 1px solid #dadada;
border: 1px solid #ccc;
background: #fff;
}

.context-menu.sort-order {
box-shadow: none;
border: 1px solid #dadada;
border: 1px solid #ccc;
background: #fff !important;
}

.login {
background-color: rgba(255,255,255,0.8) !important;
box-shadow: 0px 2px 10px rgba(0,0,0, 0.3),
inset 0px 0px 2px rgba(255,255,255,1) !important;
}
Loading

0 comments on commit 44f37ab

Please sign in to comment.