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: #3e5d8f;
$forest-green-traditional: #053b06ff;
$black: #000000ff;

:root {
    /* #f0f0f0 in decimal RGB */
    --lucent-bg:216, 223, 233; //old 11, 93, 30
    --lucent-bg-dark:34, 44, 60; //old 11, 93, 30
}


$primary: $lincoln-green;
$table-striped-bg-factor: 0.03;
$dropdown-bg: rgb(var(--lucent-bg)); //rgb(206, 223, 210)


@import "../node_modules/bootstrap/scss/bootstrap";
@import "./sidebar";
@import "./table";
@import "./avatar";
@import "./codemirror";
@import "./wrappers";
@import "./in-place";
@import "./text";
@import "./card";
@import "./nav";
@import "./files";
@import "./revisions";
@import "./record-status-bar";



body {
    background-color: rgba(11, 93, 30, 0.04);
}

.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: 0px;
    border-radius: 15px;
    box-shadow: 0px 0px 4px #ccc;
    padding: 30px 15px;
}