Brand theming on Swyxkit
swyx
today i also implemented some nice brand color nuances to swyxkit
highlighting/selection
you can style the ::selection
pseudoelement and make it work in dark mode:
::selection { background-color: var(--brand-accent); }
.dark ::selection { color: #1d1d1d; }
::selection
pseudoelement and make it work in dark mode: ::selection { background-color: var(--brand-accent); }
.dark ::selection { color: #1d1d1d; }
details/summary
/* https://css-tricks.com/two-issues-styling-the-details-element-and-how-to-solve-them/ */
details {
border: 2px solid var(--brand-accent);
padding: 0.5rem 1rem;
}
details > summary {
cursor: pointer;
}
details > summary > *:first-child {
display: inline;
}
landing page
and a lilttle pizazz on the index page