Fine-tune dark mode styles.

This commit is contained in:
kovacsv 2021-10-10 11:31:47 +02:00
parent 27b13f9a7c
commit 803cb5cb1c
5 changed files with 22 additions and 4 deletions

View File

@ -131,6 +131,11 @@ input.ov_checkbox:checked
@media (hover)
{
div.ov_svg_icon.selected:hover
{
color: var(--ov_hover_text_color);
}
div.ov_button:hover
{
background: var(--ov_button_hover_color);

View File

@ -108,14 +108,14 @@ div.ov_dialog a.ov_dialog_file_link
border-radius: 5px;
}
div.ov_dialog div.ov_file_link_img
div.ov_dialog a.ov_dialog_file_link div.ov_file_link_img
{
color: var(--ov_button_color);
margin-right: 10px;
float: left;
}
div.ov_dialog div.ov_dialog_file_link_text
div.ov_dialog a.ov_dialog_file_link div.ov_dialog_file_link_text
{
float: left;
}
@ -220,9 +220,15 @@ div.ov_progress div.ov_progress_text
div.ov_dialog a.ov_dialog_file_link:hover
{
color: var(--ov_hover_text_color);
background: var(--ov_hover_color);
}
div.ov_dialog a.ov_dialog_file_link:hover div.ov_file_link_img
{
color: var(--ov_hover_text_color);
}
div.ov_popup div.ov_popup_list_item:hover
{
background: var(--ov_hover_color);

View File

@ -10,6 +10,7 @@
--ov_outline_button_text_color: #3393bd;
--ov_icon_color: #263238;
--ov_hover_color: #c9e5f8;
--ov_hover_text_color: #3393bd;
--ov_light_icon_color: #838383;
--ov_logo_text_color: #15334a;
--ov_logo_border_color: #000000;
@ -28,10 +29,11 @@
--ov_button_hover_color_dark: #146a8f;
--ov_button_text_color_dark: #ffffff;
--ov_outline_button_color_dark: #c9e5f8;
--ov_outline_button_hover_color_dark: #2a2b2e;
--ov_outline_button_hover_color_dark: #2f6984;
--ov_outline_button_text_color_dark: #c9e5f8;
--ov_icon_color_dark: #fafafa;
--ov_hover_color_dark: #667c86;
--ov_hover_text_color_dark: #fafafa;
--ov_light_icon_color_dark: #dadada;
--ov_logo_text_color_dark: #fafafa;
--ov_logo_border_color_dark: #2a2b2e;

View File

@ -138,11 +138,15 @@ div.ov_toolbar
div.ov_toolbar div.ov_toolbar_button
{
padding: 10px;
float: left;
cursor: pointer;
}
div.ov_toolbar div.ov_toolbar_button div.ov_svg_icon
{
padding: 10px;
}
div.ov_toolbar div.ov_toolbar_button.right
{
float: right;

View File

@ -11,6 +11,7 @@ OV.ThemeHandler = class {
'--ov_outline_button_text_color': {},
'--ov_icon_color': {},
'--ov_hover_color': {},
'--ov_hover_text_color': {},
'--ov_light_icon_color': {},
'--ov_logo_text_color': {},
'--ov_logo_border_color': {},