mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 07:08:44 +08:00
c937afc75e
A first step to adding automatic dark mode color scheme switching. Adds a new SCSS file at `color_definitions.scss` that serves to output all SCSS color variables as CSS custom properties. And replaces all SCSS color variables with the new CSS custom properties throughout the stylesheets. This is an alpha feature at this point, can only be enabled via console using the `default_dark_mode_color_scheme_id` site setting.
71 lines
1.2 KiB
SCSS
71 lines
1.2 KiB
SCSS
.topic-list-item td:first-child,
|
|
.topic-post {
|
|
border-left: 1px solid transparent;
|
|
}
|
|
|
|
.topic-list tr.selected td:first-child,
|
|
.topic-list-item.selected td:first-child,
|
|
.latest-topic-list-item.selected,
|
|
.search-results .fps-result.selected {
|
|
box-shadow: inset 3px 0 0 var(--danger); // needs to be inset for Edge
|
|
}
|
|
|
|
.featured-topic.selected,
|
|
.topic-post.selected {
|
|
box-shadow: -3px 0 0 var(--danger);
|
|
}
|
|
|
|
.latest .featured-topic {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
.topic-list-item.selected {
|
|
background-color: inherit;
|
|
}
|
|
|
|
.keyboard-shortcuts-modal .modal-body {
|
|
max-height: 560px;
|
|
}
|
|
|
|
.keyboard-shortcuts-modal .modal-inner-container {
|
|
max-width: 880px;
|
|
}
|
|
|
|
#keyboard-shortcuts-help {
|
|
display: flex;
|
|
|
|
.column {
|
|
width: 33.3%;
|
|
}
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin-bottom: 2rem;
|
|
margin-left: 0;
|
|
|
|
li {
|
|
align-items: center;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
span {
|
|
background: var(--primary-very-low);
|
|
border-radius: 3px;
|
|
display: inline-flex;
|
|
margin: 0 6px;
|
|
padding: 2px 1px 4px;
|
|
}
|
|
|
|
span:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
kbd {
|
|
font-family: $base-font-family;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
}
|