platypush/platypush/backend/http/webapp/src/style/themes/light.scss

70 lines
2.2 KiB
SCSS

//// General
$background-color: white;
//// Notifications
$notification-bg: rgba(185, 255, 193, 0.9) !default;
$notification-hover-bg: rgba(160,245,178,0.95) !default;
$notification-warning-bg: rgba(228, 255, 78, 0.9) !default;
$notification-warning-hover-bg: rgba(218, 245, 68, 0.95) !default;
$notification-error-bg: rgba(255, 100, 100, 0.9) !default;
$notification-error-hover-bg: rgba(245, 90, 90, 0.95) !default;
$notification-border: 1px solid rgba(109, 205, 134, 0.62) !default;
$notification-warning-border: 1px solid rgba(205, 205, 109, 0.62) !default;
$notification-error-border: 1px solid rgba(205, 109, 109, 0.62) !default;
$notification-title-border: 1px solid rgba(83, 158, 102, 0.43) !default;
$notification-icon-color: black !default;
$notification-warning-icon-color: #662 !default;
$notification-error-icon-color: #8b0000 !default;
$notification-title-fg: #364 !default;
//// Loading panel
$loading-bg: #909090;
//// Dashboard
$dashboard-bg: url('/img/dashboard-bg-light.jpg');
//// Borders
$border-color-1: #e1e4e8 !default;
$border-color-2: #dddddd !default;
$border-color-3: #cccccc !default;
$default-border: 1px solid $border-color-1 !default;
$default-border-2: 1px solid $border-color-2 !default;
$default-border-3: 1px solid $border-color-3 !default;
//// Modals
$modal-header-bg: #e0e0e0 !default;
$modal-header-border: 1px solid #ccc !default;
$modal-body-bg: white !default;
///// General-purpose colors
/// Selected
$selected-bg: #c8ffd0 !default;
$selected-fg: #426448;
$selected-border: 1px solid #98cfa0 !default;
/// Links
$default-link-fg: #5f7869 !default;
/// Active
$active-glow-bg-1: #d4ffe3 !default;
$active-glow-bg-2: #9cdfb0 !default;
/// Hover
$default-hover-fg: #35b870 !default;
$default-hover-fg-2: #38cf80 !default;
$hover-bg: #def6ea !default;
/// Navigator
$nav-bg: #002626 !default;
$nav-fg: #e8f8e8 !default;
$nav-entry-selected-bg: #205046 !default;
$nav-entry-hover-bg: #104036 !default;
$nav-entry-collapsed-selected-bg: rgba(160, 245, 178, 0.95) !default;
$nav-entry-collapsed-hover-bg: rgba(160, 245, 178, 0.60) !default;
$nav-box-shadow-main: 1px 0 2px #002626;
$nav-box-shadow-entry: 0 0 1px 1px #103824 !default;
$nav-box-shadow-collapsed: 1px 0 2px 1px #bbb !default;
$nav-collapsed-fg: #5e5e5e;