jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

use new color scheme

pull/3/head
alex 2016-02-05 18:19:26 +03:00
parent 7333ec856b
commit e48807da86
5 changed files with 43 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/pages/dashboard/trafficChart/TrafficChartCtrl.js
View File

@ -13,32 +13,32 @@
var doughnutData = [
{
value: 2000,
color: layoutColors.primary,
color: layoutColors.default,
highlight: layoutColors.primaryDark,
label: 'Ad Campaigns'
},
{
value: 1500,
color: layoutColors.danger,
highlight: layoutColors.dangerDark,
color: layoutColors.primary,
highlight: layoutColors.primaryBg,
label: 'Search engines'
},
{
value: 1000,
color: layoutColors.successLight,
highlight: '#6c9c3f',
color: layoutColors.info,
highlight: layoutColors.infoBg,
label: 'Direct Traffic'
},
{
value: 1200,
color: layoutColors.success,
highlight: layoutColors.successDark,
highlight: layoutColors.successBg,
label: 'Referral Traffic'
},
{
value: 400,
color: layoutColors.warning,
highlight: layoutColors.warningDark,
highlight: layoutColors.warningBg,
label: 'Other'
}
];

8
src/app/pages/dashboard/trafficChart/trafficChart.html
View File

@ -15,7 +15,7 @@
<div class="channels-info">
<div>
<div class="channels-info-item">
<div class="legend-color successLight"></div>
<div class="legend-color info"></div>
<p>Direct Traffic<span class="channel-number">+70%</span></p>
<div class="progress progress-sm channel-progress">
<div class="progress-bar " role="progressbar"
@ -25,7 +25,7 @@
</div>
<div class="channels-info-item">
<div class="legend-color danger"></div>
<div class="legend-color primary"></div>
<p>Search engines<span class="channel-number">+22%</span></p>
<div class="progress progress-sm channel-progress">
<div class="progress-bar " role="progressbar"
@ -35,7 +35,7 @@
</div>
<div class="channels-info-item">
<div class="legend-color primary"></div>
<div class="legend-color default"></div>
<p>Ad Campaigns<span class="channel-number">+87%</span></p>
<div class="progress progress-sm channel-progress">
<div class="progress-bar " role="progressbar"
@ -45,7 +45,7 @@
</div>
<div class="channels-info-item">
<div class="legend-color successDark"></div>
<div class="legend-color success"></div>
<p>Referral<span class="channel-number">+38%</span></p>
<div class="progress progress-sm channel-progress">
<div class="progress-bar " role="progressbar"

28
src/app/theme/theme.constants.js
View File

@ -9,23 +9,25 @@
angular.module('BlurAdmin.theme')
.constant('layoutColors', {
primary: '#41bee9',
info: '#5bc0de',
danger: '#9d498c',
success: '#348779',
warning: '#bbcb50',
default: '#e1e1e1',
primary: '#005562',
info: '#6eba8c',
success: '#0e8174',
warning: '#b9f2a1',
danger: '#ffa76d',
default: '#ffffff',
successLight: '#85BA54',
primaryLight: '#5FBCBB',
warningLight: '#c5d36a',
primaryDark: '#1488b0',
dangerDark: '#632e58',
successDark: '#1c4a42',
warningDark: '#8b992d',
primaryDark: '#001d21',
dangerDark: '#573925',
successDark: '#052c27',
warningDark: '#3f5237',
primaryBg: '#C5ECF9',
successBg: '#C1DBD7',
dangerBg: '#E1C8DD',
primaryBg: '#b3ccd0',
successBg: '#b7d9d5',
dangerBg: '#ffe5d3',
infoBg: '#d4eadd',
warningBg: '#eafbe3',
defaultText: '#585858'
})

12
src/sass/theme/conf/_variables.scss
View File

@ -1,11 +1,11 @@
$font-family: 'Roboto', sans-serif;
$primary: #41bee9!default;
$info: #5bc0de!default;
$success: #348779!default;
$warning: #bbcb50!default;
$danger: #9d498c!default;
$default: #e9e9e9!default;
$primary: #005562!default;
$info: #6eba8c!default;
$success: #0e8174!default;
$warning: #b9f2a1!default;
$danger: #ffa76d!default;
$default: #ffffff!default;
$primary-dark: shade($primary, 66%);
$success-dark: shade($success, 66%);

19
src/sass/theme/dashboard/_trafficChart.scss
View File

@ -116,20 +116,23 @@
top: 27px;
border-radius: 15px;
left: -45px;
&.successDark{
background-color: $success-dark;
&.info{
background-color: $info;
}
&.successLight{
background-color: $success-light;
&.success{
background-color: $success;
}
&.danger{
background-color: $danger-bg;
background-color: $danger;
}
&.primary{
background-color: $primary-bg;
&.default{
background-color: $default;
}
&.warning{
background-color: $warning-bg;
background-color: $warning;
}
&.primary{
background-color: $primary;
}
}