d8593d89c0
* Move the forum box colors into dedicated styles that are easier to override for the new theme colors. * Updated the themes so forums and comment thread background cards now match your chosen style. * Add yellow and orange theme variants.
96 lines
2.4 KiB
CSS
96 lines
2.4 KiB
CSS
/* Custom nonshy color overrides for Bulma's dark theme */
|
|
|
|
/* nonshy custom overrides */
|
|
.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(44, 40, 18) !important;
|
|
}
|
|
|
|
.has-background-danger-light, .has-background-danger {
|
|
background-color: rgb(31, 13, 13) !important;
|
|
}
|
|
|
|
.has-background-link-light {
|
|
background-color: rgba(15, 129, 204, 0.25) !important;
|
|
}
|
|
|
|
.nonshy-navbar-notification-tag.is-warning {
|
|
background-color: rgb(248, 223, 98) !important;
|
|
color: rgb(26, 0, 5) !important;
|
|
}
|
|
|
|
/* hero.is-light.is-bold still is white on Bulma's dark theme */
|
|
.hero.is-light.is-bold {
|
|
background-image: linear-gradient(141deg, #333 0, #181818 100%);
|
|
* {
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
/* force lit-up notification buttons (on the mobile top nav, e.g. new Messages/Friends)
|
|
to show as a bright bulma is-warning style (.tag.is-warning) */
|
|
.nonshy-navbar-notification {
|
|
background-color: rgb(248, 223, 98) !important;
|
|
color: rgb(26, 0, 5) !important;
|
|
}
|
|
|
|
/* glassy background for fixed nav bar when you scroll other elements under it */
|
|
nav.navbar {
|
|
background-color: rgba(20, 22, 26, .75) !important;
|
|
backdrop-filter: blur(5px);
|
|
}
|
|
|
|
.has-text-dark {
|
|
/* note: this css file otherwise didn't override this, dark's always dark, brighten it! */
|
|
color: #b5b5b5 !important;
|
|
}
|
|
|
|
a.has-text-dark:focus,
|
|
a.has-text-dark:hover {
|
|
color: #d5d5d5 !important;
|
|
}
|
|
|
|
.modal-background {
|
|
background-color: rgba(0, 0, 0, 0.86) !important;
|
|
}
|
|
|
|
/* Tag color overrides */
|
|
.tag.is-grey {
|
|
background-color: #3f3f3f;
|
|
color: #eee;
|
|
}
|
|
.tag.is-danger.is-light {
|
|
background-color: #500;
|
|
color: #FCC;
|
|
}
|
|
.tag.is-warning {
|
|
background-color: #550;
|
|
color: #FFC;
|
|
}
|
|
|
|
/*
|
|
* Forum Color overrides for dark theme.
|
|
*/
|
|
.nonshy-forum-box-1 {
|
|
/* Outermost box: Forum or Thread top-level wrappers */
|
|
background-color: #163b27;
|
|
}
|
|
.nonshy-forum-box-2 {
|
|
/* Nested box: "Latest Post" on Forum-level views */
|
|
background-color: #144225;
|
|
}
|
|
.nonshy-forum-box-3 {
|
|
/* Nested box: Topics/Posts/Users/View counters */
|
|
background-color: #2c2812;
|
|
} |