From 601963d2d1e92de724479c4946c7feb24b990443 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?David=20Benqu=C3=A9?= Date: Mon, 8 Feb 2021 16:39:44 +0000 Subject: [PATCH] Dark autocomplete dropdown --- .../src/less2/include/colortheme-dark.less | 10 ++++++++-- customize.dist/src/less2/include/colortheme.less | 6 ++++++ customize.dist/src/less2/include/dropdown.less | 12 ++++++++++++ 3 files changed, 26 insertions(+), 2 deletions(-) diff --git a/customize.dist/src/less2/include/colortheme-dark.less b/customize.dist/src/less2/include/colortheme-dark.less index 467276e76..5a3ae3e43 100644 --- a/customize.dist/src/less2/include/colortheme-dark.less +++ b/customize.dist/src/less2/include/colortheme-dark.less @@ -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%); diff --git a/customize.dist/src/less2/include/colortheme.less b/customize.dist/src/less2/include/colortheme.less index 1bfcb051d..c1ea14832 100644 --- a/customize.dist/src/less2/include/colortheme.less +++ b/customize.dist/src/less2/include/colortheme.less @@ -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; diff --git a/customize.dist/src/less2/include/dropdown.less b/customize.dist/src/less2/include/dropdown.less index febef30d1..277fab81d 100644 --- a/customize.dist/src/less2/include/dropdown.less +++ b/customize.dist/src/less2/include/dropdown.less @@ -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;