plane/apps/app/styles/command-pallette.css
Aaryan Khandelwal 3c2f5d12ed
feat: themes (#902)
* chore: add next theme and initial setup

* chore: add dark mode colors to layouts

* chore: user general setting page theming

* chore: dashboard theming

* chore: project page theming

* chore: workspace setting page theming

* chore: my issue page theming

* chore: cmdk theming

* chore: change hardcode bg and text color to theme

* chore: change color name according to the design

* style: fix card in the dashboard

* style: fix merge conflict design issues

* style: add light high contrast and dark high contrast

* style: fix cmd k menu color and selection

* feat: change theme from cmdk menu

* chore: add multiple theme field to custom theme

* chore: removed custom theming

* fix: build error

---------

Co-authored-by: Saheb Giri <iamsahebgiri@gmail.com>
2023-04-20 13:41:24 +05:30

40 lines
755 B
CSS

[cmdk-group]:not(:first-child) {
margin-top: 0.5rem;
}
[cmdk-group-heading] {
color: rgb(var(--color-text-secondary));
font-size: 0.75rem;
margin: 0 0 0.25rem 0.25rem;
}
[cmdk-item] {
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 0.375rem;
padding: 0.5rem;
font-size: 0.825rem;
line-height: 1.25rem;
cursor: pointer;
}
[cmdk-item] kbd {
height: 1.25rem;
width: 1.25rem;
display: grid;
place-items: center;
font-size: 0.75rem;
line-height: 1rem;
border-radius: 0.25rem;
background-color: rgba(var(--color-bg-base));
}
[cmdk-item]:hover {
background-color: rgba(var(--color-bg-base));
}
[cmdk-item][aria-selected="true"] {
background-color: rgba(var(--color-bg-base));
}