usky-website/web/phpMyAdmin/themes/metro/scss/_variables.scss

// configures general layout for detailed layout configuration please refer to the css files

$navi-width: 250px;

// Theme color scheme
// Values: "teal", "redmond", "blueeyes", "mono", "win"
// Default: "win"
// Set this value for the desired color scheme
$color-scheme: win !default;

$navi-color: #eee;
$navi-background: #377796;
$navi-background-light: #428eb4;
$navi-pointer-color: #333;
$navi-pointer-background: #377796;
$navi-database-name-color: #333;
$navi-hover-background: #428eb4;
$main-color: #444;
$body-bg: #fff;
$browse-pointer-color: #377796;
$browse-marker-color: #000;
$browse-warning-color: #d44a26;
$browse-success-color: #01a31c;
$browse-gray-color: #ccc;
$browse-marker-background: #eee;
$border-color: #ddd;
$button-color: #fff;
$button-background: #377796;
$button-hover: #428eb4;
$th-background: #f7f7f7;
$th-disabled-background: #f3f3f3;
$th-color: #666;
$th-pointer-color: #000;
$bg-one: #f7f7f7;
$bg-two: #fff;
$blue-header: #3a7ead;

@if $color-scheme == teal {
  $navi-color: #fff;
  $navi-background: #004d60;
  $navi-background-light: #04627c;
  $navi-pointer-color: #666;
  $navi-pointer-background: #004d60;
  $navi-database-name-color: #fff;
  $navi-hover-background: #216475;
  $main-color: #444;
  $body-bg: #fff;
  $browse-pointer-color: #004d60;
  $browse-marker-color: #000;
  $browse-warning-color: #d44a26;
  $browse-success-color: #01a31c;
  $browse-gray-color: #ccc;
  $browse-marker-background: #eee;
  $border-color: #ddd;
  $button-color: #fff;
  $button-background: #aaa;
  $button-hover: #000;
  $th-background: #f7f7f7;
  $th-disabled-background: #f3f3f3;
  $th-color: #666;
  $th-pointer-color: #000;
  $bg-one: #f7f7f7;
  $bg-two: #fff;
  $blue-header: #3a7ead;
} @else if $color-scheme == redmond {
  $navi-color: #fff;
  $navi-background: #780505;
  $navi-background-light: #a10707;
  $navi-pointer-color: #666;
  $navi-pointer-background: #780505;
  $navi-database-name-color: #fff;
  $navi-hover-background: #a10707;
  $main-color: #444;
  $body-bg: #fff;
  $browse-pointer-color: #780505;
  $browse-marker-color: #000;
  $browse-warning-color: #d44a26;
  $browse-success-color: #01a31c;
  $browse-gray-color: #ccc;
  $browse-marker-background: #eee;
  $border-color: #ddd;
  $button-color: #fff;
  $button-background: #aaa;
  $button-hover: #000;
  $th-background: #f7f7f7;
  $th-disabled-background: #f3f3f3;
  $th-color: #666;
  $th-pointer-color: #000;
  $bg-one: #f7f7f7;
  $bg-two: #fff;
  $blue-header: #3a7ead;
} @else if $color-scheme == blueeyes {
  $navi-color: #fff;
  $navi-background: #377796;
  $navi-background-light: #428eb4;
  $navi-pointer-color: #666;
  $navi-pointer-background: #377796;
  $navi-database-name-color: #fff;
  $navi-hover-background: #428eb4;
  $main-color: #444;
  $body-bg: #fff;
  $browse-pointer-color: #377796;
  $browse-marker-color: #000;
  $browse-warning-color: #d44a26;
  $browse-success-color: #01a31c;
  $browse-gray-color: #ccc;
  $browse-marker-background: #eee;
  $border-color: #ddd;
  $button-color: #fff;
  $button-background: #377796;
  $button-hover: #000;
  $th-background: #f7f7f7;
  $th-disabled-background: #f3f3f3;
  $th-color: #666;
  $th-pointer-color: #000;
  $bg-one: #f7f7f7;
  $bg-two: #fff;
  $blue-header: #3a7ead;
} @else if $color-scheme == mono {
  $navi-color: #fff;
  $navi-background: #666;
  $navi-background-light: #999;
  $navi-pointer-color: #666;
  $navi-pointer-background: #666;
  $navi-database-name-color: #fff;
  $navi-hover-background: #999;
  $main-color: #444;
  $body-bg: #fff;
  $browse-pointer-color: #666;
  $browse-marker-color: #000;
  $browse-warning-color: #666;
  $browse-success-color: #888;
  $browse-gray-color: #ccc;
  $browse-marker-background: #eee;
  $border-color: #ddd;
  $button-color: #fff;
  $button-background: #aaa;
  $button-hover: #000;
  $th-background: #f7f7f7;
  $th-disabled-background: #f3f3f3;
  $th-color: #666;
  $th-pointer-color: #000;
  $bg-one: #f7f7f7;
  $bg-two: #fff;
  $blue-header: #555;
}

// Bootstrap
// ---------

// Body

$body-color: $main-color;

// Typography

$font-family-base: "Open Sans", "Segoe UI", sans-serif;
$font-family-monospace: "Consolas", "Lucida Grande", monospace;

$font-family-light: "Open Sans Light", "Segoe UI Light", "Segoe UI", sans-serif;
$font-family-bold: "Open Sans Bold", sans-serif;
$font-family-extra-bold: "Open Sans Extrabold", "Segoe Black", sans-serif;

$font-size-base: 0.6875rem; // 11px
$line-height-base: 1;

// Tables

$table-cell-padding: 0.6em;
$table-cell-padding-sm: $table-cell-padding;
$table-head-bg: #fff;
$table-head-color: $th-color;
$table-striped-order: even;
$table-accent-bg: $bg-one;
$table-hover-color: $th-pointer-color;
$table-hover-bg: $browse-marker-background;
$table-border-width: 0;

// Buttons

$enable-transitions: false;

$primary: $browse-pointer-color;
$secondary: $browse-gray-color;

$btn-border-radius: 0;
$btn-line-height: 1;
$btn-padding-x: 0.5rem;

// Dropdowns

$dropdown-border-radius: 0;

// Forms

$input-border-radius: 0;
$form-check-input-margin-y: 0;
$label-margin-bottom: 0;

// Navbar

$enable-caret: false;
$navbar-padding-y: 0;
$navbar-padding-x: 0;
$navbar-nav-link-padding-x: 0;
$navbar-nav-link-padding-y: 0;
$navbar-light-color: #666;
$navbar-light-hover-color: #333;
$navbar-light-active-color: #666;
$navbar-light-disabled-color: #666;

// Card

$card-border-radius: 0;
$card-cap-bg: $th-background;
$card-bg: $th-background;

// Breadcrumbs

$breadcrumb-padding-y: 0.89rem;
$breadcrumb-margin-bottom: 0;
$breadcrumb-bg: $navi-background;
$breadcrumb-divider-color: $button-color;
$breadcrumb-divider: none;
$breadcrumb-border-radius: 0;

// Alert

$alert-margin-bottom: 1em;
$alert-border-radius: 0;
$alert-border-width: 0;

// List group

$list-group-bg: inherit;
$list-group-item-padding-y: 0;

// Modals

$modal-content-border-radius: 0;
$modal-header-padding-y: 0.5rem;