/usr/share/phpmyadmin/themes/metro/scss
Edit: /usr/share/phpmyadmin/themes/metro/scss/_variables.scss (5862B)
// 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;