@import "../../node_modules/bootstrap/scss/functions";
@import "../../node_modules/bootstrap/scss/variables";

.light-theme {
    /*----Base Colors-------------------------------------------------*/
    $base-bg-color: #fbfaff;
    --base-bg-color: #{$base-bg-color};
    --base-fg-color: #{tint-color($base-bg-color, 100%)};
    --editor-bg-color: #fafafa;
    $base-text-color: #212529;
    --base-text-color: #{$base-text-color};
    --text-muted-color: #{tint-color($base-text-color, 30%)};
    --primary-color: #{$primary};
    --secondary-color: #{$secondary};
    --success-color: #{$success};
    --info-color: #{$info};
    --warning-color: #{$warning};
    --danger-color: #{$danger};
    --border-color: #{shade-color($base-bg-color, 20%)};
    --border-color-transparent: #{shade-color($base-bg-color, 2%)};
    --primary-btn-color: #fff;
    /*----Links------------------------------------------------------*/
    --link-color: #{$primary};
    --link-active: #{shade-color($primary, 20%)};
    --link-visited: #{shade-color($primary, 40%)};
    /*----Diagnostic Details Link------------------------------------*/
    --details-link-color: #{$primary};
    --details-link-active-hover: #00CBEB;
    --link-visited: #{shade-color($primary, 40%)};
    /*----Shadows and Glows------------------------------------------*/
    --outer-glow: #{tint-color($primary, 80%)};
    --shadow-color: rgba(#{$black}, .15);
    --shadow-color-primary: 0 0 0 0.15rem #{rgba($primary, 0.5)};
    --box-shadow: 0 .5rem 1rem #{rgba($black, .15)};
    --box-shadow-sm: 0 .125rem .25rem #{rgba($black, .075)};
    --box-shadow-lg: 0 1rem 3rem #{rgba($black, .175)};
    --box-shadow-inset: inset 0 1px 2px #{rgba($black, .075)};
    --box-shadow-success: 0 0 0 0.1rem #{rgba($success, 10%)};
    --box-shadow-link: 0 0 0 0.2rem #{rgba($primary, 50%)};
    --box-shadow-left: -5px 0px 0px 0rem #{rgba($primary, 100%)};
    /*----Nav--------------------------------------------------------*/
    --navbar-bg: #{tint-color($base-bg-color, 100%)};
    --navbar-text: #{$base-text-color};
    --navbar-link-active: #{shade-color($primary, 20%)};
    --icon-color-filter: invert(0.0);
    /*----Code Lines-------------------------------------------------*/
    --keyword-color: blue;
    --class-color: #007e79;
    --name-color: #{$base-text-color};
    --code-color: #d1377e;
    --code-comment: green;
    --literal-color: #008509;
    --enum-color: #8700BD;
    --hidden-api-filter: saturate(50%) opacity(0.5);
    --java-doc-color: #8c8c8c;
    --java-comment-color: #8c8c8c;
    --java-field-name-color: #871094;
    --java-method-name-color: #00627A;
    --java-keyword-color: #0033B3;
    --java-anotation-name-color: #9E880D;
    --java-string-literal-color: #067D17;
    --java-number-color: #1750EB;
    --rust-icon: url(/icons/rust-original.svg) center center no-repeat;
    --alert-success-color: #0a3622;
    --alert-success-bg: #d1e7dd;
    --alert-success-border-color: #a3cfbb;
    --alert-success-link-color: #0a3622;
    --alert-secondary-color: #2b2f32;
    --alert-secondary-bg: #e2e3e5;
    --alert-secondary-border-color: #c4c8cb;
    --alert-secondary-link-color: #2b2f32;
    --alert-error-color: #58151c;
    --alert-error-bg: #f8d7da;
    --alert-error-border-color: #f1aeb5;
    --alert-error-link-color: #58151c;
    --alert-warn-color: #664d03;
    --alert-warn-bg: #fff3cd;
    --alert-warn-border-color: #ffe69c;
    --alert-warn-link-color: #664d03;
    --alert-info-color: #055160;
    --alert-info-bg: #cff4fc;
    --alert-info-border-color: #9eeaf9;
    --alert-info-link-color: #055160;
    --code-added: #cee9d3;
    --code-removed: #fdcfce;
    --code-delta: #fdefc6;
    --dark-overlay: rgba(0, 0, 0, 0.1);
    /*----SVG-------------------------------------------------*/
    --svg-check-box: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    --svg-switch: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.dark-theme {
    /*----Base Colors-------------------------------------------------*/
    $base-bg-color: #010409;
    --base-bg-color: #{$base-bg-color};
    --base-fg-color: #{tint-color($base-bg-color, 5%)};
    --editor-bg-color: #1e1e1e;
    $base-text-color: #c9d1d9;
    --base-text-color: #{$base-text-color};
    --text-muted-color: #{shade-color($base-text-color, 30%)};
    $primary-color: #0084ff;
    --primary-color: #{$primary-color};
    $secondary-color: #6F8594;
    --secondary-color: #{$secondary-color};
    --success-color: #{$success};
    $info-color: #05DBF2;
    --info-color: #{$info-color};
    --warning-color: #{$orange};
    --danger-color: #{$danger};
    --border-color: #{tint-color($base-bg-color, 20%)};
    --border-color-transparent: #{tint-color($base-bg-color, 7%)};
    --primary-btn-color: #fff;
    /*----Links------------------------------------------------------*/
    --link-color: #{$primary-color};
    --link-active: #{tint-color($primary-color, 20%)};
    --link-visited: #{tint-color($primary-color, 40%)};
    /*----Diagnostic Details Link------------------------------------*/
    --details-link-color: #0d1dfc;
    --details-link-active-hover: #00CBEB;
    --details-link-visited: #3d4afd;
    /*----Shadows and Glows------------------------------------------*/
    --outer-glow: #{tint-color($primary-color, 80%)};
    --shadow-color: rgba(#{$white}, .15);
    --shadow-color-primary: 0 0 0 0.15rem #{rgba($primary-color, 0.5)};
    --box-shadow: 0 .5rem 1rem #{rgba($white, .15)};
    --box-shadow-sm: 0 .125rem .25rem #{rgba($white, .075)};
    --box-shadow-lg: 0 1rem 3rem #{rgba($white, .175)};
    --box-shadow-inset: inset 0 1px 2px #{rgba($white, .075)};
    --box-shadow-success: 0 0 0 0.1rem #{rgba($success, 10%)};
    --box-shadow-link: 0 0 0 0.2rem #{rgba($primary-color, 50%)};
    --box-shadow-left: -5px 0px 0px 0rem #{rgba($primary-color, 100%)};
    /*----Nav--------------------------------------------------------*/
    --navbar-bg: #{tint-color($base-bg-color, 20%)};
    --navbar-text: #{tint-color($base-text-color, 40%)};
    --navbar-link-active: #{shade-color($base-text-color, 20%)};
    --icon-color-filter: invert(0.5);
    /*----Code Lines-------------------------------------------------*/
    --keyword-color: #ff7b72;
    --class-color: #d2a8ff;
    --name-color: #{$base-text-color};
    --code-color: #db3984;
    --code-comment: green;
    --literal-color: #008509;
    --enum-color: #8700BD;
    --hidden-api-filter: brightness(60%) saturate(60%);
    --java-doc-color: #629755;
    --java-comment-color: #808080;
    --java-field-name-color: #9876AA;
    --java-method-name-color: #FFC66D;
    --java-keyword-color: #CC7832;
    --java-anotation-name-color: #BBB529;
    --java-string-literal-color: #6A8759;
    --java-number-color: #6897BB;
    --rust-icon: url(/icons/rust-light-original.svg) center center no-repeat;
    --alert-success-color: #75b798;
    --alert-success-bg: #051b11;
    --alert-success-border-color: #0f5132;
    --alert-success-link-color: #75b798;
    --alert-secondary-color: #a7acb1;
    --alert-secondary-bg: #161719;
    --alert-secondary-border-color: #41464b;
    --alert-secondary-link-color: #a7acb1;
    --alert-error-color: #ea868f;
    --alert-error-bg: #2c0b0e;
    --alert-error-border-color: #842029;
    --alert-error-link-color: #ea868f;
    --alert-warn-color: #ffda6a;
    --alert-warn-bg: #332701;
    --alert-warn-border-color: #997404;
    --alert-warn-link-color: #ffda6a;
    --alert-info-color: #6edff6;
    --alert-info-bg: #032830;
    --alert-info-border-color: #087990;
    --alert-info-link-color: #6edff6;
    --code-added: #14432d;
    --code-removed: #491d24;
    --code-delta: #4c401a;
    --dark-overlay: rgba(0, 0, 0, 0.3);
    /*----SVG-------------------------------------------------*/
    --svg-check-box: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    --svg-switch: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.dark-solarized-theme {
    /*----Base Colors-------------------------------------------------*/
    $base-bg-color: #1a1a1a;
    --base-bg-color: #{$base-bg-color};
    --base-fg-color: #2b2b2b;
    --editor-bg-color: #1e1e1e;
    $base-text-color: #A9B7C6;
    --base-text-color: #{$base-text-color};
    --text-muted-color: #{shade-color($base-text-color, 30%)};
    $primary-color: #FFBD00;
    --primary-color: #{$primary-color};
    $secondary-color: #B7B6B7;
    --secondary-color: #{$secondary-color};
    --success-color: #{$success};
    $info-color: #87B0E6;
    --info-color: #{$info-color};
    $warning-color: #D97904;
    --warning-color: #{$warning-color};
    $danger-color: #C80C07;
    --danger-color: #{$danger-color};
    --border-color: #{tint-color($base-bg-color, 20%)};
    --border-color-transparent: #{tint-color($base-bg-color, 7%)};
    --primary-btn-color: #{$base-bg-color};
    /*----Links------------------------------------------------------*/
    --link-color: #{$primary-color};
    --link-active: #{tint-color($primary-color, 10%)};
    --link-visited: #{tint-color($primary-color, 20%)};
    /*----Diagnostic Details Link------------------------------------*/
    --details-link-color: #0d1dfc;
    --details-link-active-hover: #00CBEB;
    --details-link-visited: #3d4afd;
    /*----Shadows and Glows------------------------------------------*/
    --outer-glow: #{tint-color($primary-color, 80%)};
    --shadow-color: rgba(#{$gray-100}, .15);
    --shadow-color-primary: 0 0 0 0.15rem #{rgba($primary-color, 0.5)};
    --box-shadow: 0 .5rem 1rem #{rgba($gray-100, .15)};
    --box-shadow-sm: 0 .125rem .25rem #{rgba($gray-100, .075)};
    --box-shadow-lg: 0 1rem 3rem #{rgba($gray-100, .175)};
    --box-shadow-inset: inset 0 1px 2px #{rgba($gray-100, .075)};
    --box-shadow-success: 0 0 0 0.1rem #{rgba($success, 10%)};
    --box-shadow-link: 0 0 0 0.2rem #{rgba($primary-color, 50%)};
    --box-shadow-left: -5px 0px 0px 0rem #{rgba($primary-color, 100%)};
    /*----Nav--------------------------------------------------------*/
    --navbar-bg: #{tint-color($base-bg-color, 20%)};
    --navbar-text: #{tint-color($base-text-color, 40%)};
    --navbar-link-active: #{shade-color($base-text-color, 20%)};
    --icon-color-filter: invert(0.5);
    /*----Code Lines-------------------------------------------------*/
    --keyword-color: #d57c32;
    --class-color: #ffc66d;
    --name-color: #{$base-text-color};
    --code-color: #db3984;
    --literal-color: #008509;
    --enum-color: #8700BD;
    --hidden-api-filter: brightness(60%) saturate(60%);
    --code-comment: #8a9898;
    --java-doc-color: #629755;
    --java-comment-color: #808080;
    --java-field-name-color: #9876AA;
    --java-method-name-color: #FFC66D;
    --java-keyword-color: #CC7832;
    --java-anotation-name-color: #BBB529;
    --java-string-literal-color: #6A8759;
    --java-number-color: #6897BB;
    --rust-icon: url(/icons/rust-light-original.svg) center center no-repeat;
    --alert-success-color: #75b798;
    --alert-success-bg: #051b11;
    --alert-success-border-color: #0f5132;
    --alert-success-link-color: #75b798;
    --alert-secondary-color: #a7acb1;
    --alert-secondary-bg: #161719;
    --alert-secondary-border-color: #41464b;
    --alert-secondary-link-color: #a7acb1;
    --alert-error-color: #ea868f;
    --alert-error-bg: #2c0b0e;
    --alert-error-border-color: #842029;
    --alert-error-link-color: #ea868f;
    --alert-warn-color: #ffda6a;
    --alert-warn-bg: #332701;
    --alert-warn-border-color: #997404;
    --alert-warn-link-color: #ffda6a;
    --alert-info-color: #6edff6;
    --alert-info-bg: #032830;
    --alert-info-border-color: #087990;
    --alert-info-link-color: #6edff6;
    --code-added: #345039;
    --code-removed: #5d3837;
    --code-delta: #695b32;
    --dark-overlay: rgba(0, 0, 0, 0.3);
    /*----SVG-------------------------------------------------*/
    --svg-check-box: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='dimgray' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    --svg-switch: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='dimgray'/%3e%3c/svg%3e");
}