Home
Bootstrap - Color CSS
Bootstrap Farben zum kopieren für eigenne Design
Code CSS - bodybg
.bodybg { background-color: #212529; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #dee2e6; }
Copy text
Box zu schließen
Code CSS - bodycolor
.bodycolor { background-color: #adb5bd; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #1a1d20; }
Copy text
Box zu schließen
Code CSS - testtext
.testtext { background-color: #212529; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #dee2e6; }
Copy text
Box zu schließen
Code CSS - secondarybg
.secondarybg { background-color: #343a40; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #dee2e6; }
Copy text
Box zu schließen
Code CSS - secondarycolor
.secondarycolor { background-color: #a7acb1; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #dee2e6; }
Copy text
Box zu schließen
Code CSS - emphasiscolor
.emphasiscolor { background-color: #fff; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #1a1d20; }
Copy text
Box zu schließen
Code CSS - tertiarycolor
.tertiarycolor{ background-color: #adb5bd; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #1a1d20; }
Copy text
Box zu schließen
Code CSS - tertiarybg
.tertiarybg { background-color: #2b3035; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #495057 !important; height: 50px; width: 200px; color: #dee2e6; }
Copy text
Box zu schließen
Code CSS - primarycolor
.primarycolor { background-color: #0d6efd; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #0d6efd !important; height: 50px; width: 250px; color: #dee2e6; }
Copy
Box zu schließen
Code CSS - primarybg
.primarybg { background-color: #031633; border-radius: 7px !important; padding: 1rem !important; border: 1px solid #031633 !important; height: 50px; width: 250px; color: #dee2e6; }
Copy
Box zu schließen
Code CSS - primaryborder
.primaryborder { background-color: #495057; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #084298 !important; height: 50px; width: 250px; color: #dee2e6; }
Text kopieren
Box zu schließen
Code CSS - primarytxt
.primarytxt { background-color: #212529; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #495057 !important; height: 50px; width: 250px; color: #6ea8fe; }
Text kopieren
Box zu schließen
Code CSS - successcolor
.successcolor { background-color: #198754; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #198754 !important; height: 50px; width: 250px; color: #051b11; }
Text kopieren
Box zu schließen
Code CSS - successbg
.successbg { background-color: #051b11; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #051b11 !important; height: 50px; width: 250px; color: #75b798; }
Text kopieren
Box zu schließen
Code CSS - successborder
.successborder { background-color: #051b11; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #0f5132 !important; height: 50px; width: 250px; color: #75b798; }
Text kopieren
Box zu schließen
Code CSS - successtxt
.successtxt { /* background-color: #051b11; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #75b798 !important; height: 50px; width: 250px; color: #75b798; }
Text kopieren
Box zu schließen
Code CSS - dangercolor
.dangercolor { background-color: #dc3545; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #dc3545 !important; height: 50px; width: 250px; color: #ea868f; }
Text kopieren
Box zu schließen
Code CSS - dangerbg
.dangerbg { background-color: #2c0b0e; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #2c0b0e !important; height: 50px; width: 250px; color: #ea868f; }
Text kopieren
Box zu schließen
Code CSS - dangerborder
.dangerborder { background-color: #2c0b0e; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #842029 !important: height: 50px; width: 250px; color: #ea868f; }
Text kopieren
Box zu schließen
Code CSS - dangertxt
.dangertxt { /* background-color: #2c0b0e; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #ea868f !important; height: 50px; width: 250px; color: #ea868f; }
Text kopieren
Box zu schließen
Code CSS - warningcolor
.warningcolor { background-color: #ffc107; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #ffc107 !important; height: 50px; width: 250px; color: #332701; }
Text kopieren
Box zu schließen
Code CSS - warningbg
.warningbg { background-color: #332701; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #332701 !important; height: 50px; width: 250px; color: #ffda6a; }
Text kopieren
Box zu schließen
Code CSS - warningborder
.warningborder { background-color: #332701; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #997404 !important; height: 50px; width: 250px; color: #997404; }
Text kopieren
Box zu schließen
Code CSS - warningtxt
.warningtxt { /* background-color: #051b11; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #ffda6a!important; height: 50px; width: 250px; color: #ffda6a; }
Text kopieren
Box zu schließen
Code CSS - infocolor
.infocolor { background-color: #0dcaf0; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #0dcaf0 !important; height: 50px; width: 250px; color: #051b11; }
Text kopieren
Box zu schließen
Code CSS - infobg
.infobg { background-color: #032830; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #032830 !important; height: 50px; width: 250px; color: #6edff6; }
Text kopieren
Box zu schließen
Code CSS - infoborder
.infoborder { background-color: #032830; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #087990 !important; height: 50px; width: 250px; color: #6edff6; }
Text kopieren
Box zu schließen
Code CSS - infotxt
.infotxt { /* background-color: #051b11; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #6edff6 !important; height: 50px; width: 250px; color: #6edff6; }
Text kopieren
Box zu schließen
Code CSS - lightcolor
.lightcolor { background-color: #f8f9fa; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #f8f9fa !important; height: 50px; width: 250px; color: #051b11; }
Text kopieren
Box zu schließen
Code CSS - lightbg
.lightbg { background-color: #343a40; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #343a40 !important; height: 50px; width: 250px; color: #f8f9fa; }
Text kopieren
Box zu schließen
Code CSS - lightborder
.lightborder { background-color: #343a40; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #495057 !important; height: 50px; width: 250px; color: #f8f9fa; }
Text kopieren
Box zu schließen
Code CSS - lighttxt
.lighttxt { /* background-color: #051b11; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #f8f9fa !important; height: 50px; width: 250px; color: #f8f9fa; }
Text kopieren
Box zu schließen
Code CSS - darkcolor
.darkcolor { background-color: #212529; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #f8f9fa !important; height: 50px; width: 250px; color: #dee2e6; }
Text kopieren
Box zu schließen
Code CSS - darkbg
.darkbg { background-color: #1a1d20; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #1a1d20 !important; height: 50px; width: 250px; color: #dee2e6; }
Text kopieren
Box zu schließen
Code CSS - darkborder
.darkborder { background-color: #1a1d20; border-radius: 7px !important; padding: 1rem !important; border: 5px solid #343a40 !important; height: 50px; width: 250px; color: #dee2e6; }
Text kopieren
Box zu schließen
Code CSS - darktxt
.darktxt { /* background-color: #051b11; */ border-radius: 7px !important; padding: 1rem !important; border: 5px solid #dee2e6 !important; height: 50px; width: 250px; color: #dee2e6; }
Text kopieren
Box zu schließen
--bs-body-bg
css Code
--bs-body-color
css Code
testtext
css Code
--bs-secondary-bg
css Code
--bs-secondary-color
css Code
--bs-emphasis-color
css Code
--bs-tertiary-color
css Code
--bs-tertiary-bg
css Code
--bs-primary
css Code
--bs-primary-bg-subtle
css Code
--bs-primary-border-subtle
css Code
--bs-primary-text-emphasis
css Code
--bs-success
css Code
--bs-success-bg-subtle
css Code
--bs-success-border-subtle
css Code
--bs-success-text
css Code
--bs-danger
css Code
--bs-danger-bg-subtle
css Code
--bs-danger-border-subtle
css Code
--bs-danger-text-emphasis
css Code
--bs-warning
css Code
--bs-warning-bg-subtle
css Code
--bs-warning-border-subtle
css Code
--bs-warning-text
css Code
--bs-info
css Code
--bs-info-bg-subtle
css Code
--bs-info-border-subtle
css Code
--bs-info-text-emphasis
css Code
--bs-light
css Code
--bs-light-bg-subtle
css Code
--bs-light-border-subtle
css Code
--bs-light-text-emphasis
css Code
--bs-dark
css Code
--bs-dark-bg-subtle
css Code
--bs-dark-border-subtle
css Code
--bs-dark-text-emphasis
css Code