#15 Now the UI colors can be modified via the settings file

merge-requests/2/head
Mike Koch 10 years ago
parent 2022bf7073
commit 4f4b44e1cb

@ -1,46 +1,66 @@
<?php
header("Content-type: text/css; charset: UTF-8");
require_once('../hesk_ui_settings.inc.php');
$navbarBackgroundColor = $hesk_ui_settings['navbarBackgroundColor'];
$navbarBrandColor = $hesk_ui_settings['navbarBrandColor'];
$navbarBrandHoverColor = $hesk_ui_settings['navbarBrandHoverColor'];
$navbarItemTextColor = $hesk_ui_settings['navbarItemTextColor'];
$navbarItemTextHoverColor = $hesk_ui_settings['navbarItemTextHoverColor'];
$navbarItemTextSelectedColor = $hesk_ui_settings['navbarItemTextSelectedColor'];
$navbarItemSelectedBackgroundColor = $hesk_ui_settings['navbarItemSelectedBackgroundColor'];
$dropdownItemTextColor = $hesk_ui_settings['dropdownItemTextColor'];
$dropdownItemTextHoverColor = $hesk_ui_settings['dropdownItemTextHoverColor'];
$dropdownItemTextHoverBackgroundColor = $hesk_ui_settings['dropdownItemTextHoverBackgroundColor'];
$questionMarkColor = $hesk_ui_settings['questionMarkColor'];
?>
.navbar {
margin-bottom: 0;
}
.navbar-default {
background-color: #414a5c;
background-color: <?php echo $navbarBackgroundColor; ?>;
background-image: none;
filter: none;
}
.navbar-default .navbar-brand {
color: #d4dee7;
color: <?php echo $navbarBrandColor; ?>;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
color: #fff;
color: <?php echo $navbarBrandHoverColor; ?>;
background-color: transparent;
}
.navbar-default .navbar-nav>li>a {
color: #d4dee7;
color: <?php echo $navbarItemTextColor; ?>;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
color: #fff;
color: <?php echo $navbarItemTextHoverColor; ?>;
background-color: transparent;
}
.dropdown-menu>li>a {
color: #333;
color: <?php echo $dropdownItemTextColor; ?>;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
color: #262626;
color: <?php echo $dropdownItemTextHoverColor; ?>;
text-decoration: none;
background-color: #f5f5f5;
background-color: <?php echo $dropdownItemTextHoverBackgroundColor; ?>;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
color: #fff;
background-color: #2d3646;
color: <?php echo $navbarItemTextSelectedColor; ?>;
background-color: <?php echo $navbarItemSelectedBackgroundColor; ?>;
}
.settingsquestionmark {
color: #000;
color: <?php echo $questionMarkColor; ?>;
font-size: 14px;
}
.settingsquestionmark:hover {
text-decoration: underline;
}
.h3questionmark {
color: #000;
color: <?php echo $questionMarkColor; ?>;
font-size: 14px;
}
.h3questionmark:hover {
@ -254,4 +274,4 @@ div.setupButtons {
margin-left: auto;
margin-right: auto;
width: 90%;
}
}

@ -1,4 +1,18 @@
<?php
$hesk_ui_settings['version']='1.1.3';
?>
//-- HESK UI Theme Color Settings
$hesk_ui_settings['navbarBackgroundColor'] = '#414a5c';
$hesk_ui_settings['navbarBrandColor'] = '#d4dee7';
$hesk_ui_settings['navbarBrandHoverColor'] = '#ffffff';
$hesk_ui_settings['navbarItemTextColor'] = '#d4dee7';
$hesk_ui_settings['navbarItemTextHoverColor'] = '#ffffff';
$hesk_ui_settings['navbarItemTextSelectedColor'] = '#ffffff';
$hesk_ui_settings['navbarItemSelectedBackgroundColor'] = '#2d3646';
$hesk_ui_settings['dropdownItemTextColor'] = '#333333';
$hesk_ui_settings['dropdownItemTextHoverColor'] = '#262626';
$hesk_ui_settings['dropdownItemTextHoverBackgroundColor'] = '#f5f5f5';
$hesk_ui_settings['questionMarkColor'] = '#000000';
?>

@ -44,7 +44,7 @@ if (!defined('IN_SCRIPT')) {die('Invalid attempt');}
<link href="<?php echo HESK_PATH; ?>hesk_style_v25.css" type="text/css" rel="stylesheet" />
<link href="<?php echo HESK_PATH; ?>css/bootstrap.css" type="text/css" rel="stylesheet" />
<link href="<?php echo HESK_PATH; ?>css/bootstrap-theme.css" type="text/css" rel="stylesheet" />
<link href="<?php echo HESK_PATH; ?>css/hesk_newStyle.css" type="text/css" rel="stylesheet" />
<link href="<?php echo HESK_PATH; ?>css/hesk_newStyle.php" type="text/css" rel="stylesheet" />
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<script src="<?php echo HESK_PATH; ?>js/jquery-1.10.2.min.js"></script>
<script language="Javascript" type="text/javascript" src="<?php echo HESK_PATH; ?>hesk_javascript_v25.js"></script>

Loading…
Cancel
Save