Dark autocomplete dropdown
parent
3d095afe2c
commit
601963d2d1
|
@ -259,8 +259,14 @@
|
|||
@cp-limit-bar-above: @cryptpad_color_red;
|
||||
|
||||
// Mentions
|
||||
@cp_mentions-bg: @cryptpad_color_grey;
|
||||
@cp_mentions-hover: @cryptpad_color_help_grey;
|
||||
@cp_mentions-bg: @cryptpad_color_grey_700;
|
||||
@cp_mentions-hover: @cryptpad_color_grey_900;
|
||||
|
||||
// Autocomplete
|
||||
@cp_autocomplete-bg: @cryptpad_color_grey_900;
|
||||
@cp_autocomplete-fg: @cryptpad_text_col;
|
||||
@cp_autocomplete-border: @cryptpad_color_grey_700;
|
||||
@cp_autocomplete-hover: @cryptpad_color_brand_fadest;
|
||||
|
||||
// Modals
|
||||
@cp_access-overlay: fade(@cp_alertify-bg, 50%);
|
||||
|
|
|
@ -262,6 +262,12 @@
|
|||
@cp_mentions-bg: @cryptpad_color_grey;
|
||||
@cp_mentions-hover: @cryptpad_color_help_grey;
|
||||
|
||||
// Autocomplete
|
||||
@cp_autocomplete-bg: @cryptpad_color_grey_100;
|
||||
@cp_autocomplete-fg: @cryptpad_text_col;
|
||||
@cp_autocomplete-border: @cryptpad_color_grey_300;
|
||||
@cp_autocomplete-hover: @cryptpad_color_brand_fadest;
|
||||
|
||||
// Modals
|
||||
@cp_access-overlay: fade(@cryptpad_color_white, 50%);
|
||||
@cp_snapshots-hover: @cryptpad_color_help_grey;
|
||||
|
|
|
@ -7,6 +7,18 @@
|
|||
--LessLoader_require: LessLoader_currentFile();
|
||||
}
|
||||
& {
|
||||
.ui-autocomplete {
|
||||
background-color: @cp_autocomplete-bg;
|
||||
color: @cp_autocomplete-fg;
|
||||
}
|
||||
ul.ui-menu {
|
||||
border: 1px solid @cp_autocomplete-border; // XXX doesn't work
|
||||
.ui-state-active {
|
||||
background-color: @cp_autocomplete-hover;
|
||||
color: @cp_autocomplete-fg;
|
||||
border-color: @cp_autocomplete-hover;
|
||||
}
|
||||
}
|
||||
.cp-autocomplete-value {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
Loading…
Reference in New Issue