sisga / src / main / resources / css / light-theme.css
light-theme.css
Raw
.label-large{
    -fx-alignmen: center;
    -fx-font-size: 35;
    -fx-text-fill: #222222;
}

.label-medium{
    -fx-alignmen: center;
    -fx-font-size: 25;
    -fx-text-fill: #222222;
}

.label-small{
    -fx-alignmen: center;
    -fx-font-size: 15;
    -fx-text-fill: #222222;
}

.label-large-white{
    -fx-alignmen: center;
    -fx-font-size: 35;
    -fx-text-fill: WHITE;
}

.label-medium-white{
    -fx-alignmen: center;
    -fx-font-size: 25;
    -fx-text-fill: WHITE;
}

.label-small-white{
    -fx-alignmen: center;
    -fx-font-size: 15;
    -fx-text-fill: WHITE;
}


.border-curve-blue{
    -fx-border-color: #B5BBE8;
    -fx-border-radius: 10;
}

.icons{
    -fx-fill: #F1F1F1;
}

.icons-1{
    -fx-fill: #222222;
}


.botoncito{
    -fx-background-radius:5;
    -fx-text-fill: #3a89b8;
    -fx-background-color: white;
    -fx-font-size:15;
}

.button-0{
    -fx-background-radius:30;
    -fx-background-color: #40A7E3;
    -fx-text-fill: WHITE;
    -fx-font-weight: BOLD;
    -fx-font-size:16;
    -jfx-button-type: RAISED;
    -fx-cursor:hand;
}

.button-simple{
    -fx-background-radius:5;
    -fx-text-fill: #3a89b8;
    -fx-background-color: white;
    -fx-font-size:15;
    /*-fx-cursor:hand;*/
}

.button-1{
    -fx-background-radius:30;
    -fx-background-color: #40A7E3;
    -fx-text-fill: WHITE;
    -fx-font-weight: BOLD;
    -fx-font-size:16;
    -jfx-button-type: RAISED;
    -fx-cursor:hand;
    -fx-pref-width: 100;
    -fx-pref-height: 30;
}

.button-2{
    -fx-background-radius:30;
    -fx-background-color: white;
    -fx-text-fill: #222222;
    -fx-font-weight: BOLD;
}


.button-3:hover{
    -fx-text-fill: #222222;
    -fx-background-color: #F1F1F1;
    -fx-font-weight: BOLD;
}

.button-4{
    -fx-background-radius:35;
    -fx-background-color: transparent;
    -fx-font-weight: BOLD;
}


.button-5{
    -fx-background-radius:30;
    -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA);
    -fx-text-fill: WHITE;
    -fx-font-weight: BOLD;
    -fx-font-size:16;
    -jfx-button-type: RAISED;
    -fx-cursor:hand;
    -fx-pref-width: 100;
    -fx-pref-height: 30;
}


.jfx-text-field {
    -fx-prompt-text-fill: #222222;
    -jfx-unfocus-color: #222222;
    -fx-text-inner-color: #222222;
    -jfx-focus-color: #40A7E3;
}



/*!********************************************************************************

 */
/**                                                                              **/
/** JFX Decorator                                                                **/
/**                                                                              **/
/********************************************************************************!*/

.jfx-decorator {
    -fx-decorator-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA);;
}

.jfx-decorator .jfx-decorator-buttons-container {
    -fx-background-color: -fx-decorator-color;
}

.jfx-decorator .resize-border {
    -fx-border-color: #276899;
    -fx-border-width: 0 4 4 4;
}

.jfx-decorator .jfx-decorator-title-container .jfx-decorator-text {
    -fx-fill: WHITE;
    -fx-font-size: 16;
}

.jfx-decorator .jfx-decorator-title-container .jfx-svg-glyph {
    -fx-shape: "M512 682c-128.024-99.309-255.626-199.040-384-298l384-298 384 298c-128.375 98.958-255.974 198.693-384 298zM512 792l314-246 70 54-384 298-384-298 70-54z";
    -jfx-size: 15px;
    -fx-background-color: WHITE;
}


.jfx-text-field, .jfx-password-field {
    -fx-prompt-text-fill: #808080;
    -jfx-focus-color:#40A7E3;
    -jfx-unfocus-color: #4d4d4d;
}


.jfx-text-field:error, .jfx-password-field:error, .jfx-text-area:error {
    -jfx-focus-color: #D34336;
    -jfx-unfocus-color: #D34336;
}

.jfx-text-field .error-label, .jfx-password-field .error-label, .jfx-text-area .error-label {
    -fx-text-fill: #D34336;
    -fx-font-size: 0.65em;
}

.jfx-text-field .error-icon, .jfx-password-field .error-icon, .jfx-text-area .error-icon {
    -fx-text-fill: #D34336;
    -fx-font-size: 1em;
}

.icon-error{
    -fx-fill: #D34336;
}


.background-1{
 -fx-background-color:transparent;
}

.background-2{
    -fx-background-color: #40A7E3;
}

.background-3 {
    -fx-background-color: WHITE;
}

.background-4 {
    -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA);
    -fx-background-radius:20;
}

.background-5{
    -fx-background-color: #FFFFFF;
    -fx-background-radius:10;
}

.background-6{
    -fx-background-color: linear-gradient(to right, #276899, #40A7E3, #57D4EA);
}

.hand-mode{
    -fx-cursor:hand;
}

.frosty-box {
    -fx-effect: dropshadow(gaussian, rgba(0, 0, 0, 0.24), 15, 0, 0, 5);
    -fx-background-color: rgba(255, 255, 255, 0.07);
    -fx-background-radius: inherit;
}

.profile-image-background{
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,10), 10,0,0,0);
    -fx-stroke:white;
    -fx-stroke-width:2;
}

.profile-image-background-1{
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,8), 5,0,0,0);
    -fx-stroke:black;
    -fx-stroke-width:1;
}

.toggle-theme-mode{
   -jfx-toggle-color: #40A7E3;
   -jfx-toggle-line-color: #40A7E3;
}

.radioButton{
 -jfx-selected-color: #40A7E3;
}

.button-aligment{
    -fx-alignment: center;
}