Add light icon color variable.

This commit is contained in:
kovacsv 2021-08-18 18:09:16 +02:00
parent 7576c5ae9e
commit 785608338d
5 changed files with 11 additions and 12 deletions

View File

@ -19,6 +19,11 @@ div.ov_svg_icon.left_inline
float: left; float: left;
} }
div.ov_svg_icon.light
{
color: var(--ov_light_icon_color);
}
div.ov_svg_icon.selected div.ov_svg_icon.selected
{ {
color: var(--ov_primary_color); color: var(--ov_primary_color);

View File

@ -7,6 +7,7 @@
--ov_secondary_color: #ffffff; --ov_secondary_color: #ffffff;
--ov_secondary_hover_color: #e4f4ff; --ov_secondary_hover_color: #e4f4ff;
--ov_icon_color: #263238; --ov_icon_color: #263238;
--ov_light_icon_color: #838383;
} }
@font-face @font-face

View File

@ -29,7 +29,7 @@ div.ov_tree_view div.ov_tree_item_button_container
div.ov_tree_view div.ov_tree_item_button div.ov_tree_view div.ov_tree_item_button
{ {
color: #838383; color: var(--ov_light_icon_color);
padding: 5px; padding: 5px;
float: left; float: left;
cursor: pointer; cursor: pointer;

View File

@ -193,7 +193,7 @@ div.ov_navigator_info_panel div.ov_navigator_info_button_text
div.ov_navigator_info_panel div.ov_navigator_info_button_icon div.ov_navigator_info_panel div.ov_navigator_info_button_icon
{ {
color: #838383; color: var(--ov_light_icon_color);
padding: 6px; padding: 6px;
float: right; float: right;
} }
@ -216,7 +216,7 @@ div.ov_sidebar_title div.ov_sidebar_title_text
div.ov_sidebar_title div.ov_sidebar_title_img div.ov_sidebar_title div.ov_sidebar_title_img
{ {
color: #838383; color: var(--ov_light_icon_color);
float: right; float: right;
cursor: pointer; cursor: pointer;
} }
@ -239,7 +239,7 @@ div.ov_sidebar_content div.ov_sidebar_settings_content
div.ov_sidebar_content div.ov_sidebar_settings_description div.ov_sidebar_content div.ov_sidebar_settings_description
{ {
color: #838383; color: var(--ov_light_icon_color);
margin: 10px 0px 0px 43px; margin: 10px 0px 0px 43px;
float: left; float: left;
} }
@ -249,13 +249,6 @@ div.ov_sidebar_content div.ov_sidebar_settings_warning
margin-left: 30px; margin-left: 30px;
} }
div.ov_sidebar_content div.ov_sidebar_settings_warning_img
{
color: #838383;
margin-top: 2px;
float: left;
}
div.ov_sidebar_content button.pcr-button div.ov_sidebar_content button.pcr-button
{ {
width: 30px; width: 30px;

View File

@ -94,7 +94,7 @@ OV.SettingsSidebarPanel = class extends OV.SidebarPanel
let warningDiv = null; let warningDiv = null;
if (warningText !== null) { if (warningText !== null) {
warningDiv = $('<div>').addClass ('ov_sidebar_settings_description').appendTo (contentDiv); warningDiv = $('<div>').addClass ('ov_sidebar_settings_description').appendTo (contentDiv);
OV.CreateSvgIcon (warningDiv, 'warning', 'ov_sidebar_settings_warning_img'); OV.CreateSvgIcon (warningDiv, 'warning', 'left_inline light');
$('<div>').addClass ('ov_sidebar_settings_warning').html (warningText).appendTo (warningDiv); $('<div>').addClass ('ov_sidebar_settings_warning').html (warningText).appendTo (warningDiv);
} }
return { return {