engelsystem/resources/assets/themes/theme14.less

// rc3 teal
@import "cyborg_variables.less";

//== Colors

@gray-darker:            #0e1c23;
@gray-dark:              lighten(@gray-darker, 15%);
@gray:                   lighten(@gray-dark, 15%);
@gray-light:             lighten(@gray, 15%);
@gray-lighter:           lighten(@gray-light, 15%);
@black:                  #000;

@brand-primary:         #05b9ec;
@brand-success:         #02fae0;
@brand-info:            #025d83;
@brand-warning:         #6800e7;
@brand-danger:          #b239ff;


//== Scaffolding

@body-bg:               #000;
@text-color:            @gray-lighter;
@link-color:            #fff;

//== Typography

@font-face {
    font-family: 'Montserrat';
    src: url('theme13/Montserrat-Regular.woff2') format('woff2'),
        url('theme13/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Orbitron';
    src: url('theme13/Orbitron-Regular.woff2') format('woff2'),
        url('theme13/Orbitron-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-family-sans-serif: 'Montserrat', Helvetica Neue, Helvetica, Arial, sans-serif;
@font-family-serif:       'Orbitron', Georgia, "Times New Roman", Times, serif;
@headings-font-family:    @font-family-serif;

//== Buttons

@btn-default-color:              #fff;
@btn-default-bg:                 lighten(@gray-dark, 10%);

@btn-primary-color:              #fff;
@btn-primary-border:             darken(@btn-default-bg, 10%);

@btn-success-color:              #fff;
@btn-success-border:             darken(@btn-default-bg, 10%);

@btn-info-color:                 #fff;
@btn-info-border:                darken(@btn-default-bg, 10%);

@btn-warning-color:              #fff;
@btn-warning-border:             darken(@btn-default-bg, 10%);

@btn-danger-color:               #fff;
@btn-danger-border:              darken(@btn-default-bg, 10%);

//== Forms

@input-bg:                       @gray-darker;
@input-bg-disabled:              darken(@gray-dark, 10%);

@input-group-addon-bg:           @gray-lighter;

//== Pagination

@pagination-color:                     @black;

@pagination-hover-color:               @black;

@pagination-active-color:              @black;

//== Form states and alerts

@state-success-text:             #fff;

@state-info-text:                #fff;

@state-warning-text:             #fff;

@state-danger-text:              #fff;

//== Labels

@label-link-hover-color:      @gray-dark;

//== Panels

@panel-primary-text:          #000;

@panel-success-text:          #fff;

@panel-info-text:             #fff;

@panel-warning-text:          #fff;

@panel-danger-text:           #fff;

//== Badges

@badge-color:                 @black;
@badge-link-hover-color:      @black;

//== Type

@headings-small-color:        @gray-light;

// Bootswatch
// -----------------------------------------------------
@import "cyborg_styles.less";
// Forms ======================================================================

.input-group-addon {
  background-color: @btn-default-bg;
}

// Containers =================================================================

// datetimepicker

.bootstrap-datetimepicker-widget {

  .timepicker-hour,
  .timepicker-minute,
  [data-action='selectHour'],
  [data-action='selectMinute'],
  [data-action='incrementHours'],
  [data-action='decrementHours'],
  [data-action='incrementMinutes'],
  [data-action='decrementMinutes'] {

    &:hover {

      color: @gray;
    }
  }
}

// code tag
code {
  background-color: @input-bg-disabled;
  color: @input-color;
}

// Specials ===================================================================
body {
  background: #000 url('theme13/background14.jpg') no-repeat top left;
}

.navbar.navbar-default {
  background: rgba(0,0,0,0.8);
  backdrop-filter: blur(6px);
}