Noah Petherbridge
92a376786d
* Update the CSS and add a theme selector to the Chat Settings to force a light or dark mode theme (default is automatic).
51 lines
1.3 KiB
CSS
51 lines
1.3 KiB
CSS
/* Custom color overrides for Bulma's dark theme */
|
|
|
|
.chat-container {
|
|
background: rgb(39, 39, 39) !important;
|
|
background: linear-gradient(0deg, rgb(39, 39, 39) 0%, rgb(66, 66, 66) 100%) !important;
|
|
}
|
|
|
|
.has-background-primary-light {
|
|
background-color: rgba(28, 166, 76, 0.25) !important;
|
|
}
|
|
|
|
.has-background-info-light, .has-background-info {
|
|
background-color: rgb(26, 79, 95) !important
|
|
}
|
|
|
|
.has-background-success-light, .has-background-success {
|
|
background-color: rgba(19, 71, 37, 0.685) !important
|
|
}
|
|
|
|
.has-background-warning-light, .has-background-warning {
|
|
background-color: rgb(100, 90, 41) !important;
|
|
}
|
|
|
|
/* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
|
|
.has-text-dark, .button.is-grey {
|
|
color: #b5b5b5 !important;
|
|
}
|
|
|
|
.button.is-dark {
|
|
color: #b5b5b5 !important;
|
|
border-color: #b5b5b5 !important;
|
|
}
|
|
|
|
/* adjust some background colors darker */
|
|
.notification.is-success.is-light {
|
|
background-color: #232e29 !important;
|
|
color: #56cf98 !important;
|
|
}
|
|
.notification.is-warning.is-light {
|
|
background-color: rgb(51, 46, 21) !important;
|
|
color: rgb(253, 227, 97) !important;
|
|
}
|
|
|
|
.has-background-dm {
|
|
background-color: #100010 !important;
|
|
}
|
|
|
|
.emoji-button button {
|
|
background-color: rgba(0, 0, 0, 0.5) !important;
|
|
color: rgba(255, 255, 255, 0.5) !important;
|
|
} |