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;
}

.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;
}

/* Buttons
   ========================================================================== */

.button {
  box-shadow: none;
  background: linear-gradient(to bottom, rgb(235 243 249 / 100%) 0%, rgb(223 235 245 / 100%) 100%);
}

.button:hover {
  color: #6986b7;
  box-shadow: none;
  background: linear-gradient(to bottom, rgb(241 248 253 / 100%) 0%, rgb(227 240 251 / 100%) 100%);
}

.button:active,
.button:focus {
  box-shadow: none;
  background: linear-gradient(to bottom, rgb(210 232 250 / 100%) 0%, rgb(194 224 248 / 100%) 100%);
}

.button-secondary {
  box-shadow: none;
  background: linear-gradient(to bottom, rgb(250 250 250 / 100%) 0%, rgb(241 241 241 / 100%) 100%);
}

.button-danger:hover {
  background: #fcd3cf;
  color: #f4301a;
  border-color: #f27e71;
}

.button-danger:active,
.button-danger:focus {
  background: #a91200;
  color: #fff;
  border-color: #f4301a;
}

.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;
}

.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;
}

.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;
}

.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-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
  box-shadow: none;
}

.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%);
  box-shadow:
    0 2px 10px rgb(0 0 0 / 30%),
    inset 0 0 2px rgb(255 255 255 / 100%);
}

/* Collapse component
   ========================================================================== */

.collapse-header {
  background: #fafafa;
  box-shadow: none;
}