Files
NodeBB/public/scss/skins.scss

73 lines
1.3 KiB
SCSS

// fixes for global skin issues
.skin-quartz {
p > code {
color: #ffffff;
font-weight: 600;
font-size: 1rem;
text-shadow: 1px 1px black;
}
.dropdown-header {
color: white;
}
.card:has(.dropdown-menu.show) {
backdrop-filter: none;
}
.card {
box-shadow: inset 1px 1px rgba(255, 255, 255, 0.2),
inset -1px -1px rgba(255, 255, 255, 0.1),
1px 3px 8px -1px rgba(0, 0, 0, 0.15);
}
.tag-list .tag:before {
// quartz uses gradient for body bg
background: linear-gradient(90deg, rgb(51.3, 182.7, 225.9), rgb(93.6, 98.1, 175.5), rgb(220.4, 47.5, 124.45));
background-attachment: fixed;
transform: initial;
top: 6px;
}
.composer .resizer {
background: transparent;
}
}
// brite text-secondary is white :/
.skin-brite {
.text-secondary {
color: var(--bs-secondary-color) !important;
}
.btn-link {
background: $body-bg;
}
}
// fix minty buttons
.skin-minty .btn {
color: initial!important;
}
.skin-litera {
.badge {
padding: 0.25rem 0.5rem;
}
}
:root {
.skin-slate {
--bs-primary-rgb: #{lighten($primary, 10%)};
}
.skin-darkly, .skin-slate, .skin-cyborg {
--bs-border-color: #929292;
}
.skin-zephyr {
--bs-secondary-rgb: var(--bs-secondary-color);
}
.skin-quartz {
.table{
--bs-table-bg: transparent!important;
}
}
}