quivr/frontend/lib/components/CurrentBrain/CurrentBrain.module.scss
Antoine Dewez d7d1a0155b
feat(frontend): dark mode (#2369)
# Description

Please include a summary of the changes and the related issue. Please
also include relevant motivation and context.

## Checklist before requesting a review

Please delete options that are not relevant.

- [ ] My code follows the style guidelines of this project
- [ ] I have performed a self-review of my code
- [ ] I have commented hard-to-understand areas
- [ ] I have ideally added tests that prove my fix is effective or that
my feature works
- [ ] New and existing unit tests pass locally with my changes
- [ ] Any dependent changes have been merged

## Screenshots (if appropriate):
2024-03-21 00:01:21 -07:00

45 lines
927 B
SCSS

@use "@/styles/Spacings.module.scss";
@use "@/styles/Typography.module.scss";
.current_brain_wrapper {
background-color: var(--background-2);
padding-inline: Spacings.$spacing05;
padding-block: Spacings.$spacing01;
font-size: Typography.$small;
color: var(--text-1);
.brain_infos {
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
.left {
display: flex;
gap: Spacings.$spacing02;
align-items: center;
@include Typography.EllipsisOverflow;
.title {
white-space: nowrap;
}
.brain_name_wrapper {
display: flex;
gap: Spacings.$spacing02;
align-items: center;
overflow: hidden;
.dark_image {
filter: invert(100%);
}
.brain_name {
color: var(--text-3);
@include Typography.EllipsisOverflow;
}
}
}
}
}