221V
/
Misago


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491
							//
// Flavor Theme Variables
// --------------------------------------------------


//== Colors
//
//## Gray and brand colors for use across Bootstrap.

@gray-darker:            #172b4d; // #222
@gray-dark:              #344563;   // #333
@gray:                   #5e6c84; // #555
@gray-light:             #7a869a; // #777
@gray-lighter:           #f4f5f7; // #eee

@brand-primary:         #0052cc;
@brand-success:         #36b37e;
@brand-info:            #3d5afe;
@brand-warning:         #ffab00;
@brand-danger:          #ff5630;


//== Scaffolding
//
//## Settings for some of the most global styles.

//** Global text color on `<body>`.
@text-color:            #172b4d;

//** Global textual link color.
@link-color:            #0065ff;
//** Link hover color set via `darken()` function.
@link-hover-color:      #0747a6;
//** Link hover decoration.
@link-hover-decoration: underline;

//** Shadows
@shadow-key-umbra-opacity: 0.06;
@shadow-key-penumbra-opacity: 0.04;
@shadow-ambient-shadow-opacity: 0.12;

//** Global color for active items (e.g., navs or dropdowns).
@component-active-color:    #fff;
//** Global background color for active items (e.g., navs or dropdowns).
@component-active-bg:       @link-color;


//== Buttons
//
//## For each of Bootstrap's buttons, define text, background and border color.

// Default - non primary
@btn-default-color:              @text-color;
@btn-default-bg:                 #ebecf0;

@btn-default-hover-color:        @text-color;
@btn-default-hover-bg:           #dfe1e6;

@btn-default-active-color:       @text-color;
@btn-default-active-bg:          #c1c7d0;

// Submit form
@btn-primary-color:              #fff;
@btn-primary-bg:                 #6554c0;

@btn-primary-hover-color:        #fff;
@btn-primary-hover-bg:           #5243aa;

@btn-primary-active-color:       #fff;
@btn-primary-active-bg:          #403294;

// Success button
@btn-success-color:              #fff;
@btn-success-bg:                 #00c853;

@btn-success-hover-color:        #fff;
@btn-success-hover-bg:           darken(#00c853, 5%);

@btn-success-active-color:       #fff;
@btn-success-active-bg:          darken(#00c853, 15%);

// Delete something
@btn-danger-color:               #fff;
@btn-danger-bg:                  #ef5350;

@btn-danger-hover-color:         #fff;
@btn-danger-hover-bg:            #ff8a80;

@btn-danger-active-color:        #fff;
@btn-danger-active-bg:           #d32f2f;

// Default outlined
@btn-default-outline-color:              @btn-default-color;
@btn-default-outline-border:             @btn-default-bg;
@btn-default-outline-bg:                 @btn-default-bg;

@btn-default-outline-hover-color:        @btn-default-hover-color;
@btn-default-outline-hover-border:       @btn-default-hover-bg;
@btn-default-outline-hover-bg:           @btn-default-hover-bg;

@btn-default-outline-active-color:       @btn-default-active-color;
@btn-default-outline-active-border:      @btn-default-active-bg;
@btn-default-outline-active-bg:          @btn-default-active-bg;

// Primary outlined
@btn-primary-outline-color:              @btn-primary-color;
@btn-primary-outline-border:             @btn-primary-bg;
@btn-primary-outline-bg:                 @btn-primary-bg;

@btn-primary-outline-hover-color:        @btn-primary-hover-color;
@btn-primary-outline-hover-border:       @btn-primary-hover-bg;
@btn-primary-outline-hover-bg:           @btn-primary-hover-bg;

@btn-primary-outline-active-color:       @btn-primary-active-color;
@btn-primary-outline-active-border:      @btn-primary-active-bg;
@btn-primary-outline-active-bg:          @btn-primary-active-bg;


//== Navbar
//
//##

@navbar-default-color:             #777;
@navbar-default-bg:                #ffffff;
@navbar-default-border:            #c1c7d0;

// Navbar links
@navbar-default-link-color:                #8993a4;
@navbar-default-link-hover-color:          #505f79;
@navbar-default-link-hover-bg:             transparent;
@navbar-default-link-active-color:         #6b778c;
@navbar-default-link-active-bg:            #dfe1e6;
@navbar-default-link-disabled-color:       #c1c7d0;
@navbar-default-link-disabled-bg:          transparent;

//** Compact navbar
@navbar-compact-link-color:                #8993a4;
@navbar-compact-link-hover-color:          #6b778c;
@navbar-compact-link-hover-bg:             #dfe1e6;

// Navbar brand label
@navbar-default-brand-color:               #344563;
@navbar-default-brand-hover-color:         @navbar-default-brand-color;
@navbar-default-brand-hover-bg:            transparent;

// Sign in button
@navbar-btn-sign-in-color:               #8993a4;
@navbar-btn-sign-in-border:              #c1c7d0;
@navbar-btn-sign-in-bg:                  transparent;

@navbar-btn-sign-in-hover-color:         @text-color;
@navbar-btn-sign-in-hover-border:        #ebecf0;
@navbar-btn-sign-in-hover-bg:            #ebecf0;

@navbar-btn-sign-in-active-color:        @text-color;
@navbar-btn-sign-in-active-border:       #dfe1e6;
@navbar-btn-sign-in-active-bg:           #dfe1e6;

@navbar-btn-sign-in-radius:              4px;

// Register button
@navbar-btn-register-color:              #fff;
@navbar-btn-register-border:             #6554c0;
@navbar-btn-register-bg:                 #6554c0;

@navbar-btn-register-hover-color:        #fff;
@navbar-btn-register-hover-border:       #5243aa;
@navbar-btn-register-hover-bg:           #5243aa;

@navbar-btn-register-active-color:       #fff;
@navbar-btn-register-active-border:      #403294;
@navbar-btn-register-active-bg:          #403294;

@navbar-btn-register-radius:             4px;


//== Page header
//
//##

// Basics
//** Background
@page-header-bg:              #f4f5f7;

//** Heading color
@page-header-color:               #172b4d;

//** Other text color
@page-header-text-color:          @gray;
//** Link color
@page-header-link-color:          @gray;
//** Text color
@page-header-link-hover-color:    @gray-dark;

//** Heading min height
@page-header-min-height:            8px;

// Buttons
//** Default
@page-header-btn-default-color:              #fff;
@page-header-btn-default-bg:                 #8993a4;

@page-header-btn-default-hover-color:        #fff;
@page-header-btn-default-hover-bg:           #6b778c;

@page-header-btn-default-active-color:       #fff;
@page-header-btn-default-active-bg:          #505f79;

//** Primary
@page-header-btn-primary-color:              #fff;
@page-header-btn-primary-bg:                 #6554c0;

@page-header-btn-primary-hover-color:        #fff;
@page-header-btn-primary-hover-bg:           #8777d9;

@page-header-btn-primary-active-color:       #fff;
@page-header-btn-primary-active-bg:          #403294;

// Tabs
@page-tabs-bg:              transparent;

@page-tabs-link-color:      #a5adba;
@page-tabs-link-bg:         transparent;

@page-tabs-link-hover-color:      @text-color;
@page-tabs-link-hover-bg:         transparent;

@page-tabs-link-focus-color:      @text-color;
@page-tabs-link-focus-bg:         transparent;

@page-tabs-link-active-color:     @text-color;
@page-tabs-link-active-bg:        @body-bg;


//== Footer
//
//##
@page-footer-text-color:       #a5adba;

@page-footer-link-color:             @page-footer-text-color;
@page-footer-link-hover-color:       darken(@page-footer-text-color, 15%);

@page-footer-brand-color:            @page-footer-link-color;
@page-footer-brand-hover-color:      @page-footer-link-hover-color;


//== Auth Message
//
//##
@auth-message-bg:               #651fff;
@auth-message-text-color:       #fff;

@auth-message-btn-default-color:            #fff;
@auth-message-btn-default-border:           #4527a0;
@auth-message-btn-default-bg:               #4527a0;

@auth-message-btn-default-hover-color:      #fff;
@auth-message-btn-default-hover-border:     #b388ff;
@auth-message-btn-default-hover-bg:         #b388ff;

@auth-message-btn-default-active-color:     #651fff;
@auth-message-btn-default-active-border:    #fff;
@auth-message-btn-default-active-bg:        #fff;


//== Forms
//
//##

//** Text color for `<input>`s
@input-color:                    @gray-darker;
//** `<input>` border color
@input-border:                   darken(@gray-lighter, 10%);

//== Form states and alerts
//
//## Define colors for form feedback states and, by default, alerts.

@state-success-border:           #36b37e;

@state-danger-border:            #ff5630;


//== Alerts
//
//## Define alert colors, border radius, and padding.


@alert-success-bg:            #00875a;
@alert-success-text:          #fff;
@alert-success-border:        @alert-success-bg;

@alert-info-bg:               #448aff;
@alert-info-text:             #fff;
@alert-info-border:           @alert-info-bg;

@alert-warning-bg:            #ff8b00;
@alert-warning-text:          #fff;
@alert-warning-border:        @alert-warning-bg;

@alert-danger-bg:             #de350b;
@alert-danger-text:           #fff;
@alert-danger-border:         @alert-danger-bg;


//== Modals
//
//##

@modal-header-color:      @text-color;
@modal-header-bg:         #fff;
//** Modal header border color
@modal-header-border-color:   darken(@gray-lighter, 10%);
//** Modal footer border color
@modal-footer-border-color:   @modal-header-border-color;

//** Modal backdrop background color
@modal-backdrop-bg:           #091e42;

//== Dropdowns
//
//## Dropdown menu container and contents.

//** Background for the dropdown menu.
@dropdown-bg:                    #fff;
//** Divider color for between dropdown items.
@dropdown-divider-bg:            @gray-lighter;

//** Dropdown link text color.
@dropdown-link-color:            @text-color;
//** Hover color for dropdown links.
@dropdown-link-hover-color:      @text-color;
//** Hover background for dropdown links.
@dropdown-link-hover-bg:         @gray-lighter;

//** Active dropdown menu item text color.
@dropdown-link-active-color:     #fff;
//** Active dropdown menu item background color.
@dropdown-link-active-bg:        @gray-darker;


//== Progress bars
//
//##

//** Background color of the whole progress component
@progress-bg:                 @gray-lighter;
//** Variable for setting rounded corners on progress bar.
@progress-border-radius:      @border-radius-small;

//** Default progress bar color
@progress-bar-bg:             #6554c0;
//** Success progress bar color
@progress-bar-success-bg:     #36b37e;
//** Warning progress bar color
@progress-bar-warning-bg:     #ffab00;
//** Danger progress bar color
@progress-bar-danger-bg:      #ff5630;


//== Panels
//
//##
@panel-heading-padding:          14px 15px;

@panel-title-color:              @gray;

@panel-default-heading-bg:       @panel-bg;
@panel-inner-border:             @gray-lighter;
@panel-footer-bg:                @panel-bg;

@panel-fieldset-color:           @gray;

@panel-form-border:              #ebecf0;


//== List group
//
//##

//** `.list-group-item` border color
@list-group-border:             @gray-lighter;

@list-group-outer-border:       #ebecf0;
@list-group-border-radius:      @border-radius-small;

@list-group-link-color:         @gray-light;
@list-group-link-hover-color:   @text-color;


//** Background color of single list items on hover
@list-group-hover-bg:           @list-group-bg;
//** Text color of active list items
@list-group-active-color:       @link-color;
//** Background color of active list items
@list-group-active-bg:          @list-group-bg;
//** Border color of active list elements
@list-group-active-border:      @list-group-border;


//== Side nav
//
//##

@side-nav-bg:               #f5f5f5;
@side-nav-color:            #757575;

@side-nav-hover-bg:         #e0e0e0;
@side-nav-hover-color:      #424242;

@side-nav-active-bg:        @component-active-bg;
@side-nav-active-color:     @component-active-color;


//== Wells
//
//##

@well-bg:                     #fff;
@well-border:                 #ddd;


//== Page messages
//
//##

@error-icon-color:               #ef5350;

@message-icon-color:             #9575cd;
@message-info-icon-color:        #9575cd;
@message-success-icon-color:     #81c784;


//== User cards
//
//##

@user-card-bg:          #f5f5f5;


//== Categories list
//
//##

@category-read-color:     @gray-lighter;
@category-new-color:      @brand-primary;


//== Threads list
//
//##

@thread-unread-badge-color:       #aa00ff;

@thread-global-badge-color:       #3d5afe;
@thread-pinned-badge-color:       #8c9eff;

@thread-answered-badge-color:     #388e3c;

@thread-unapproved-badge-color:         #ef6c00;
@thread-unapproved-posts-badge-color:   #f4511e;

// Diff message
@threads-diff-color:             #fff;
@threads-diff-bg:                #7c4dff;

@threads-diff-hover-color:       #fff;
@threads-diff-hover-bg:          #6200ea;

@threads-diff-active-color:      #fff;
@threads-diff-active-bg:         darken(#6200ea, 10%);


//== Posts
//
//##

@post-bg:                         @body-bg;
@post-border:                     #ddd;

@post-unread-label:               #aa00ff;
@post-protected-icon:             #bdbdbd;


//== User status colors
//
//##

@user-status-banned:      @brand-danger;
@user-status-online:      @brand-success;
@user-status-offline:     @gray-light;