lucent-laravel/front/sass/app.scss

// Include any default variable overrides here (though functions won't be available)

/* SCSS HEX */
$green-crayola: #0dab76ff;
$green-pigment: #139a43ff;
$lincoln-green: #0b5d1eff;
$forest-green-traditional: #053b06ff;
$black: #000000ff;
$dark: #000000ff;
$white: #ffffff;
$light: #eee;
$danger: red;

/* SCSS Gradient */
$gradient-top: linear-gradient(
    0deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-right: linear-gradient(
    90deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-bottom: linear-gradient(
    180deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-left: linear-gradient(
    270deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-top-right: linear-gradient(
    45deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-bottom-right: linear-gradient(
    135deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-top-left: linear-gradient(
    225deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-bottom-left: linear-gradient(
    315deg,
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);
$gradient-radial: radial-gradient(
    #0dab76ff,
    #139a43ff,
    #0b5d1eff,
    #053b06ff,
    #000000ff
);

$primary: #5b86be;
$secondary: #d9cca1;
$success: #80c671;
$background: #f4f6fa;
$table-striped-bg-factor: 0.03;
$dropdown-bg: rgb(206, 223, 210);
$border-color: #000;
$text: #04060b;
$accent: #80c671;

//https://www.realtimecolors.com/?colors=04060b-f4f6fa-5b86be-d9cca1-80c671&fonts=Anek Telugu-Anek Telugu
$themes: (
        light: (
                text: #04060b,
                background: #f4f6fa,
                primary: #5b86be,
                secondary: #d9cca1,
                accent: #80c671,
        ),
        dark: (
                text: #f4f6fb,
                background: #05070a,
                primary: #416ca4,
                secondary: #5e5126,
                accent: #488e39,
        ),
);



//@import "../node_modules/bootstrap/scss/bootstrap";
@import "./reset";
@import "./helpers";
@import "./notice";
@import "./auth";
@import "./typography";
@import "./sidebar";
@import "./form";
@import "./table";
@import "./avatar";
@import "./codemirror";
@import "./layout";
@import "./wrappers";
@import "./card";
@import "./files";
@import "./revisions";

:root{
    --linearPrimarySecondary: linear-gradient(#5b86be, #d9cca1);
    --linearPrimaryAccent: linear-gradient(#5b86be, #80c671);
    --linearSecondaryAccent: linear-gradient(#d9cca1, #80c671);
    --radialPrimarySecondary: radial-gradient(#5b86be, #d9cca1);
    --radialPrimaryAccent: radial-gradient(#5b86be, #80c671);
    --radialSecondaryAccent: radial-gradient(#d9cca1, #80c671);
    --border-color: $border-color;
    --main-font: ‘Open Sans‘, Arial, Helvetica, sans-serif;
    --main-font-color: #444;
    --input-bg: rgb(245,245,249);

}



body {
    background-color: $background;
}

.btn-spinner .spinner-border {
    display: none;
}
.btn-spinner.spinner-on .spinner-border {
    display: inline-block;
}

.cursor-pointer {
    cursor: pointer;
}

.editor-field {
    padding: 22px 44px;
    margin: 6px 0;
    border-color: transparent;
}

.dropdown-menu {
    border: 0;
    border-radius: 15px;
    box-shadow: 0 0 4px #ccc;
    padding: 30px 15px;
}