/* Light */
--light-color-background: #f2f4f8;
--light-color-background-secondary: #eff0f1;
+ --light-color-warning-text: #222;
+ --light-color-background-warning: #e6e600;
--light-color-icon-background: var(--light-color-background);
--light-color-accent: #c5c7c9;
--light-color-text: #222;
/* Dark */
--dark-color-background: #2b2e33;
--dark-color-background-secondary: #1e2024;
+ --dark-color-background-warning: #bebe00;
+ --dark-color-warning-text: #222;
--dark-color-icon-background: var(--dark-color-background-secondary);
--dark-color-accent: #9096a2;
--dark-color-text: #f5f5f5;
:root {
--color-background: var(--light-color-background);
--color-background-secondary: var(--light-color-background-secondary);
+ --color-background-warning: var(--light-color-background-warning);
+ --color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
--color-text: var(--light-color-text);
:root {
--color-background: var(--dark-color-background);
--color-background-secondary: var(--dark-color-background-secondary);
+ --color-background-warning: var(--dark-color-background-warning);
+ --color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
--color-text: var(--dark-color-text);
:root[data-theme="light"] {
--color-background: var(--light-color-background);
--color-background-secondary: var(--light-color-background-secondary);
+ --color-background-warning: var(--light-color-background-warning);
+ --color-warning-text: var(--light-color-warning-text);
--color-icon-background: var(--light-color-icon-background);
--color-accent: var(--light-color-accent);
--color-text: var(--light-color-text);
:root[data-theme="dark"] {
--color-background: var(--dark-color-background);
--color-background-secondary: var(--dark-color-background-secondary);
+ --color-background-warning: var(--dark-color-background-warning);
+ --color-warning-text: var(--dark-color-warning-text);
--color-icon-background: var(--dark-color-icon-background);
--color-accent: var(--dark-color-accent);
--color-text: var(--dark-color-text);
--color-scheme: var(--dark-color-scheme);
}
+.always-visible,
+.always-visible .tsd-signatures {
+ display: inherit !important;
+}
+
h1,
h2,
h3,
.has-menu .col-menu {
visibility: visible;
transform: translate(0, 0);
- display: grid;
- align-items: center;
- grid-template-rows: auto 1fr;
- grid-gap: 1.5rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
max-height: 100vh;
padding: 1rem 2rem;
}
margin-right: 0.8rem;
}
-@media (min-width: 1024px) {
+@media (min-width: 1025px) {
.col-content {
margin: 2rem auto;
}
text-decoration: line-through;
}
+.warning {
+ padding: 1rem;
+ color: var(--color-warning-text);
+ background: var(--color-background-warning);
+}
+
* {
scrollbar-width: thin;
scrollbar-color: var(--color-accent) var(--color-icon-background);