plane/apps/app/styles/command-pallette.css
Aaryan Khandelwal 4c2cb2368a
chore: update classnames according to the new theming structure (#1494)
* chore: store various shades of accent color

* refactor: custom theme selector

* refactor: custom theme selector

* chore: update custom theme input labels

* fix: color generator function logic

* fix: accent color preloaded data

* chore: new theming structure

* chore: update shades calculation logic

* refactor: variable names

* chore: update color scheming

* chore: new color scheming

* refactor: themes folder structure

* chore: update classnames to the new ones

* chore: update static colors

* chore: sidebar link colors

* chore: placeholder color

* chore: update border classnames
2023-07-10 12:47:00 +05:30

40 lines
774 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-background-100));
}
[cmdk-item]:hover {
background-color: rgba(var(--color-background-80));
}
[cmdk-item][aria-selected="true"] {
background-color: rgba(var(--color-background-80));
}