
//
// Kary Foundation's Brand Color Scheme
//    Copyright 2016 Kary Foundation, Inc - All Rights Reserved.
//
// IMPORTANT
//    Premission to use this color scheme is ONLY granted for use within Kary
//    Foundation Branded Projects. As a brand property you get no right to use
//    this theme with any other project.
//

//
// ─── COLORS ─────────────────────────────────────────────────────────────────────
//

    .dark {

        //
        // ─── COLORS ──────────────────────────────────────────────────────
        //

            @kary-orange:                           #B48337;
            @kary-red:                              #D17051;
            @kary-magenta:                          #A47097;
            @kary-blue:                             #668BB7;
            @kary-green:                            #7DA76F;

            @kary-foreground:                       #C1C1C1;
            @kary-comment:                          #5D5D5D;
            @kary-background:                       #1E1E1E;

            @kary-selection:                        #1B424E;
            @kary-highlights:                       #1B1B1B;

            // other colors
            @blue-1:                                #97CFFF;

        //
        // ─── EXPORTS ─────────────────────────────────────────────────────
        //

            --kary-orange:                          @kary-orange;
            --kary-red:                             @kary-red;
            --kary-magenta:                         @kary-magenta;
            --kary-blue:                            @kary-blue;
            --kary-green:                           @kary-green;

            --kary-foreground:                      @kary-foreground;
            --kary-comment:                         @kary-comment;
            --kary-background:                      @kary-background;

            --kary-selcetion:                       @kary-selection;
            --kary-highlights:                      @kary-highlights;

            --color-1:                              @kary-background;
            --color-2:                              #1A1A1A;
            --color-3:                              @kary-foreground;
            --color-4:                              @kary-blue;
            --color-5:                              #242424;

            --acent-color:                          #3C8412;

        //
        // ─── RIBBON ──────────────────────────────────────────────────────
        //

            --ribbon-border-bottom:                 #2B2B2B;
            --ribbon-hover-border:                  @kary-orange;
            --ribbon-active-border:                 @kary-magenta;
            --ribbon-separator:                     #444444;

        //
        // ─── CONSOLE ─────────────────────────────────────────────────────
        //

            @console-back:                          #2E4564;
            @consolo-title:                         #5E90CF;

            --console-color:                        @console-back;
            --console-hover-color:                  rgba( 58, 81, 111, 0.9 );
            --console-title:                        @consolo-title;
            --console-regexp:                       @blue-1;
            --console-copy-text:                    @blue-1;

        //
        // ─── SIDE CONSOLE ────────────────────────────────────────────────
        //

            --side-console-background:              #222;
            --side-console-title:                   @kary-foreground;
            --side-console-border-color:            #2B2B2B;
            --side-console-title-color:             #6D6D6D;
            --side-console-invisible-char:          #6D6D6D;
            --side-console-active-back:             #333;
            --side-console-active-color:            @kary-green;
            --side-console-active-shadow:           rgba(100, 100, 100, 0.1);

            --side-console-flag-inactive-back:      #1B1B1B;
            --side-console-flag-inactive-color:     #6D6D6D;
            --side-console-flag-active-back:        #1B1B1B;
            --side-console-flag-active-color:       @kary-blue;

            --side-console-option-inactive-back:    #1B1B1B;
            --side-console-option-active-back:      #353535;
            --side-console-option-active-color:     @kary-blue;
            --side-console-option-active-shadow:    0 0 4pt 1pt rgba(0, 0, 0, 0.03);

        //
        // ─── BLOCKLY ─────────────────────────────────────────────────────
        //

            --blockly-scrollbar-knob:               #313131;

        //
        // ─── PLAYGROUND ──────────────────────────────────────────────────
        //

            --playground-background:                @kary-background;
            --playground-text:                      @kary-foreground;
            --playground-match-text:                #7EA671;
            --playground-match-back:                #333333;
            --playground-caret:                     @kary-orange;
            --playground-line-nums:                 @kary-orange;
            --playground-selection-back:            @kary-selection;
            --playground-hover-back:                #292929;
            --playground-hover-shadow:              none;
            --playground-hover-border:              1pt solid #4A4A4A;
            --playground-hover-hr-back:             #4A4A4A;
            --playground-hover-strong-color:        @kary-blue;
            --playground-hover-code-back:           #1E1E1E;
            --playground-hover-code-text:           #A9A9A9;

        // ─────────────────────────────────────────────────────────────────

    }

// ────────────────────────────────────────────────────────────────────────────────