mirror of
https://github.com/getredash/redash.git
synced 2025-12-25 01:03:20 -05:00
288 lines
11 KiB
Plaintext
Executable File
288 lines
11 KiB
Plaintext
Executable File
/* --------------------------------------------------------
|
|
Paths
|
|
-----------------------------------------------------------*/
|
|
@imgpath: ~'../img';
|
|
@fontpath: ~'../fonts';
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Container
|
|
-----------------------------------------------------------*/
|
|
@container-tablet: 100%;
|
|
@container-desktop: 100%;
|
|
@container-large-desktop: 100%;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Template Variables
|
|
-----------------------------------------------------------*/
|
|
@header-height: 60px;
|
|
@sidebar-left-width: 240px;
|
|
@sidebar-left-mid-width: 64px;
|
|
@logo-width: @sidebar-left-width;
|
|
@logo-height: @header-height;
|
|
@boxed-width: 1170px;
|
|
@body-bg: #edecec;
|
|
@spacing: 15px;
|
|
@redash-radius: 3px;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Branding
|
|
-----------------------------------------------------------*/
|
|
@brand-bg: #191C22;
|
|
@sidebar: @brand-bg;
|
|
@sidebar-active-bg: #121419;
|
|
@color-dark: #9BA1B1;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Font
|
|
-----------------------------------------------------------*/
|
|
@font-icon: 'Material-Design-Iconic-Font';
|
|
@font-family-sans-serif: 'Roboto', sans-serif;
|
|
@redash-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
|
@font-size-base: 13px;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Typograpgy
|
|
-----------------------------------------------------------*/
|
|
@text-color: #767676;
|
|
@link: #02a4c4;
|
|
@link-hover-decoration: none;
|
|
@headings-color: #333;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Form
|
|
-----------------------------------------------------------*/
|
|
@input-color: #595959;
|
|
@input-color-placeholder: #b4b4b4;
|
|
@input-border: #e8e8e8;
|
|
@input-border-radius: 0;
|
|
@input-border-radius-large: 0px;
|
|
@redash-input-radius: 2px;
|
|
@input-height-large: 40px;
|
|
@input-height-base: 35px;
|
|
@input-height-small: 30px;
|
|
@input-border-focus: #79c2ff;
|
|
@input-group-addon-bg: @light-gray;
|
|
|
|
/* --------------------------------------------------------
|
|
Colors
|
|
-----------------------------------------------------------*/
|
|
@white: #ffffff;
|
|
@black: #000000;
|
|
@blue: #2196F3;
|
|
@red: #F44336;
|
|
@purple: #9C27B0;
|
|
@deeppurple: #673AB7;
|
|
@lightblue: #03A9F4;
|
|
@cyan: #00BCD4;
|
|
@teal: #009688;
|
|
@green: #4CAF50;
|
|
@lightgreen: #8BC34A;
|
|
@lime: #CDDC39;
|
|
@yellow: #FFEB3B;
|
|
@yellow-darker: #fbd208;
|
|
@amber: #FFC107;
|
|
@orange: #FF9800;
|
|
@deeporange: #FF5722;
|
|
@gray: #9E9E9E;
|
|
@bluegray: #607D8B;
|
|
@indigo: #3F51B5;
|
|
@pink: #E91E63;
|
|
@brown: #795548;
|
|
@light-gray: #FCFCFC;
|
|
@gray-light: #828282;
|
|
@ace: #f8f8f8;
|
|
|
|
@redash-gray: rgba(102, 136, 153, 1);
|
|
@redash-orange: rgba(255, 120, 100, 1);
|
|
@redash-black: rgba(0, 0, 0, 1);
|
|
@redash-yellow: rgba(252, 252, 161, 0.75);
|
|
|
|
/** Form States **/
|
|
@state-success-text: @green;
|
|
@state-info-text: @blue;
|
|
@state-danger-text: lighten(@red, 5%);
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Alert
|
|
-----------------------------------------------------------*/
|
|
@alert-success-border: transparent;
|
|
@alert-info-border: transparent;
|
|
@alert-danger-border: transparent;
|
|
@alert-inverse-border: transparent;
|
|
|
|
@alert-success-bg: fade(@green, 70%);
|
|
@alert-info-bg: fade(@blue, 70%);
|
|
@alert-danger-bg: fade(@red, 70%);
|
|
@alert-inverse-bg: #333;
|
|
|
|
@alert-success-text: #fff;
|
|
@alert-info-text: #fff;
|
|
@alert-danger-text: #fff;
|
|
@alert-inverse-text: #fff;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Bootstrap Brands
|
|
-----------------------------------------------------------*/
|
|
@brand-default: #eee;
|
|
@brand-primary: @blue;
|
|
@brand-info: @cyan;
|
|
@brand-success: @green;
|
|
@brand-warning: @orange;
|
|
@brand-danger: @red;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Border Radius
|
|
-----------------------------------------------------------*/
|
|
@border-radius-base: 2px;
|
|
@border-radius-large: 2px;
|
|
@border-radius-small: 2px;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Dropdown
|
|
-----------------------------------------------------------*/
|
|
@dropdown-fallback-border: transparent;
|
|
@dropdown-border: transparent;
|
|
@dropdown-divider-bg: '';
|
|
@dropdown-link-hover-bg: rgba(0,0,0,0.075);
|
|
@dropdown-link-color: #333;
|
|
@dropdown-link-hover-color: #333;
|
|
@dropdown-link-disabled-color: #e4e4e4;
|
|
@dropdown-divider-bg: rgba(0,0,0,0.08);
|
|
@dropdown-link-active-color: #333;
|
|
@dropdown-link-active-bg: rgba(0, 0, 0, 0.075);
|
|
@zindex-dropdown: 9;
|
|
@dropdown-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
|
|
|
|
/* --------------------------------------------------------
|
|
Page Header
|
|
-----------------------------------------------------------*/
|
|
@page-header-border-color: transparent;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Buttons
|
|
-----------------------------------------------------------*/
|
|
@btn-default-border: @input-border;
|
|
@btn-font-weight: 400;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Tables
|
|
-----------------------------------------------------------*/
|
|
@table-bg: #fff;
|
|
@table-border-color: #f0f0f0;
|
|
@table-cell-padding: 10px;
|
|
@table-condensed-cell-padding: 7px;
|
|
@table-bg-accent: @light-gray;
|
|
@table-bg-active: #FFFCBE;
|
|
@table-bg-hover: lighten(@light-gray, 2%);
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Pagination
|
|
-----------------------------------------------------------*/
|
|
@pagination-bg: #E2E2E2;
|
|
@pagination-border: #fff;
|
|
@pagination-color: #7E7E7E;
|
|
@pagination-active-bg: @lightblue;
|
|
@pagination-active-border: @pagination-border;
|
|
@pagination-disabled-bg: #E2E2E2;
|
|
@pagination-disabled-border: @pagination-border;
|
|
@pagination-hover-color: #333;
|
|
@pagination-hover-bg: #d7d7d7;
|
|
@pagination-hover-border: @pagination-border;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Thumbnail
|
|
-----------------------------------------------------------*/
|
|
@thumbnail-bg: #fff;
|
|
@thumbnail-border: #eee;
|
|
|
|
/* --------------------------------------------------------
|
|
Carousel
|
|
-----------------------------------------------------------*/
|
|
@carousel-caption-color: #fff;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Modal
|
|
-----------------------------------------------------------*/
|
|
@modal-content-fallback-border-color: transparent;
|
|
@modal-content-border-color: transparent;
|
|
@modal-backdrop-bg: #000;
|
|
@modal-header-border-color: transparent;
|
|
@modal-title-line-height: transparent;
|
|
@modal-footer-border-color: transparent;
|
|
@zindex-modal-background: 10;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Tooltips
|
|
-----------------------------------------------------------*/
|
|
@tooltip-bg: #333;
|
|
@tooltip-opacity: 1;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Popobver
|
|
-----------------------------------------------------------*/
|
|
@zindex-popover: 9;
|
|
@popover-title-bg: #fff;
|
|
@popover-border-color: #fff;
|
|
@popover-fallback-border-color: #fff;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Breacrumb
|
|
-----------------------------------------------------------*/
|
|
@breadcrumb-bg: transparent;
|
|
@breadcrumb-padding-horizontal: 20px;
|
|
@breadcrumb-active-color: #7c7c7c;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Jumbotron
|
|
-----------------------------------------------------------*/
|
|
@jumbotron-bg: #F7F7F7;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
List Group
|
|
-----------------------------------------------------------*/
|
|
@list-group-border: #f4f4f4;
|
|
@list-group-active-color: #000;
|
|
@list-group-active-bg: #f5f5f5;
|
|
@list-group-active-border: @list-group-border;
|
|
@list-group-disabled-color: #B5B4B4;
|
|
@list-group-disabled-bg: #fff;
|
|
@list-group-disabled-text-color: #B5B4B4;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Badges
|
|
-----------------------------------------------------------*/
|
|
@badge-color: #fff;
|
|
@badge-bg: @brand-primary;
|
|
@badge-border-radius: 2px;
|
|
@badge-font-weight: 400;
|
|
@badge-active-color: #fff;
|
|
@badge-active-bg: @brand-primary;
|
|
|
|
|
|
/* --------------------------------------------------------
|
|
Misc
|
|
-----------------------------------------------------------*/
|
|
@code-bg: transparent;
|
|
@tile-shadow: 0 1px 1px rgba(0,0,0,0.07);
|