mirror of
https://github.com/bitwarden/browser.git
synced 2024-10-09 05:57:40 +02:00
0c02cfea2f
* Stylesheets * Theme Configuration * Options Area * swal2 style * Icon styling * Fix theme not saving * Update English * Update messages.json * dropdown and login logo * btn-link and totp fix * Organisation Styling * Update webauthn-fallback.ts * Fix contrast issues * Add Paypal Container and Loading svg file * Password Generator contrast fix * Dark Mode Fix buttons and foreground * Fix button hover * Fix Styles after rebase * Add hover on nav dropdown-item * Disable Theme Preview * Options Fix for Default Theme Changes * Updated Colour Scheme * Toast fix * Button and Text Styling * Options Update and Messages Fix * Added Search Icon and Fixed Callout styling * Add theme styling to Stripe * Refactor logic for setting color * Reorder logic to avoid race condition * PayPal Loading and Misc Fix * text-state bug fix * Badge Colour Fix * Remove PayPal Tagline The colour cannot be styled so it's not visible on a dark theme * Adding the Styling from #1131 * Update to New Design * Form and Nav restyle * Modal Opacity and Callout * Nav Colours * Missing Borders * Light theme fix * Improved border for listgroup * Change Org Nav Colour * Save theme to localStorage for persistence * Undo change to Wired image * !Important removal and tweaks * Fix regression with navbar * Light theme by default * Refactor to use getEffectiveTheme * Refactor theme constants to use enum * Set theme in index.html before app loads * Use scss selector to set logo image * Export Sass to TS * Update jslib Co-authored-by: Thomas Rittson <trittson@bitwarden.com>
94 lines
1.6 KiB
SCSS
94 lines
1.6 KiB
SCSS
.card {
|
|
@include themify($themes) {
|
|
background-color: themed('foregroundColor');
|
|
border-color: themed('borderColor');
|
|
color: themed('textColor');
|
|
}
|
|
|
|
&.text-danger {
|
|
&.text-danger > .card-body {
|
|
@include themify($themes) {
|
|
color: themed('danger');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card-header, .modal-header {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
|
|
small {
|
|
font-weight: normal;
|
|
text-transform: none;
|
|
@extend .text-muted;
|
|
}
|
|
}
|
|
|
|
.card-header {
|
|
@include themify($themes) {
|
|
background-color: themed('headerColor');
|
|
color: themed('headingColor');
|
|
}
|
|
|
|
a:hover {
|
|
&:not(.badge){
|
|
@include themify($themes) {
|
|
color: themed('learnMoreHover');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.card-body-header {
|
|
font-size: $font-size-lg;
|
|
@extend .mb-4
|
|
}
|
|
|
|
.card ul.fa-ul.card-ul {
|
|
margin-left: 1.9em;
|
|
|
|
li {
|
|
word-break: break-all;
|
|
}
|
|
|
|
.fa-li {
|
|
top: 4px;
|
|
}
|
|
|
|
&.carets {
|
|
margin-left: 1.1em;
|
|
|
|
.fa-li {
|
|
left: -17px;
|
|
width: 1.1em;
|
|
}
|
|
}
|
|
|
|
ul {
|
|
&.carets {
|
|
margin-left: 0.85em;
|
|
}
|
|
}
|
|
}
|
|
|
|
.card-org-plans {
|
|
h2 {
|
|
font-size: $font-size-lg;
|
|
}
|
|
}
|
|
|
|
.card-body {
|
|
&:not(.bg-light > .card-body) {
|
|
@include themify($themes) {
|
|
background-color: themed('foregroundColor');
|
|
color: themed('textColor');
|
|
}
|
|
&.card-body a:not(li a) {
|
|
@include themify($themes) {
|
|
font-weight: themed('linkWeight');
|
|
}
|
|
}
|
|
}
|
|
}
|