hestiacp/web/css/src/themes/flat.css

/*
    Theme Name:  Flat
    Author:      Robert Zollner (@Lupul)
    Website:     www.hestiacp.com
*/

body {
  letter-spacing: 0;
}

b,
strong {
  font-weight: 600;
}

.body-login,
.body-reset {
  background: #5f7eb3 !important;
}

.table-header {
  box-shadow: none !important;
  background: #fafafa !important;
}

.advanced-options {
  background: #fafafa !important;
}

.to-top,
.to-shortcuts,
.to-top:hover,
.to-shortcuts:hover,
.to-top:active,
.to-shortcuts:active {
  box-shadow: none !important;
  background: none !important;
  background-color: #eee !important;
}

.l-header {
  box-shadow: none;
  background: #5070a6;
  text-shadow: none !important;
}

.l-menu__item--active {
  background-color: #fff;
}

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

.l-menu__item a:hover {
  background: #fff !important;
  box-shadow: none;
}

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

.l-profile__notifications:hover,
.l-profile__notifications.updates:hover,
.l-profile__notifications.active.l-profile__notifications.updates:active {
  background: white !important;
  border: 1px solid transparent !important;
  box-shadow: none !important;
}

.l-unit:hover {
  box-shadow: none;
}

.l-unit__stat-col--left a,
.l-unit__stat-col--left a:visited {
  color: #5f7eb3;
}

.l-unit__stat-col--left a:hover {
  color: #474747;
}

.l-unit:hover,
.units .l-unit:hover {
  box-shadow: none;
}

.form-control,
.form-select {
  box-shadow: none;
}

.advanced-options {
  box-shadow: none !important;
}

.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, rgb(235 243 249 / 100%) 0%, rgb(223 235 245 / 100%) 100%) !important;
}

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

.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, rgb(241 248 253 / 100%) 0%, rgb(227 240 251 / 100%) 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,
.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, rgb(210 232 250 / 100%) 0%, rgb(194 224 248 / 100%) 100%) !important;
}

.ui-button.danger:hover,
.button.danger:hover {
  background: #fcd3cf !important;
  color: #f4301a !important;
  border: 1px solid #f27e71 !important;
}

.ui-button.danger:active,
.button.danger:active,
.ui-button.danger:focus,
.button.danger:focus {
  background: #a91200 !important;
  color: #fff !important;
  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 rgb(0 0 0 / 50%);
}

.alert {
  text-shadow: none;
  box-shadow: none;
}

.pill.usage {
  box-shadow: none;
}

.badge {
  box-shadow: none;
}

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

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

.login {
  background-color: rgb(255 255 255 / 80%) !important;
  box-shadow:
    0 2px 10px rgb(0 0 0 / 30%),
    inset 0 0 2px rgb(255 255 255 / 100%) !important;
}