3
0

Apply new color variables to webapps

This commit is contained in:
Katrin Yordanova
2023-03-31 19:57:15 +03:00
parent 490e867e0d
commit 7fce552ee7
47 changed files with 118 additions and 118 deletions
@@ -74,6 +74,6 @@ export default {
<style scoped>
.min-content{
max-width: min-content;
max-width: min-content;
}
</style>
@@ -504,7 +504,7 @@ export default {
cursor: not-allowed;
}
.active-cell:hover {
background-color: #F3F3F5;
background-color: $gray-200;
}
.rotate {
transform: rotate(45deg);
@@ -519,7 +519,7 @@ export default {
<style lang="scss">
.mode {
.btn {
background-color: #E4E9EF;
background-color: $light;
border: none;
}
@@ -16,18 +16,18 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #E4E9EF !default;
$extra-light: #F3F5F7 !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Grid - maybe not the smartest idea to change this but let's see
$grid-breakpoints: (
@@ -5,7 +5,7 @@ const props = {
report: {
moduleID: '',
filter: '',
colorScheme: '#fffff',
colorScheme: '#FFFFFF',
metrics: [
{
aggregate: 'AVG',
@@ -207,7 +207,7 @@ export default {
<style lang="scss">
.editable {
.grid-item {
background-image: linear-gradient(45deg, #f3f3f5 25%, #ffffff 25%, #ffffff 50%, #f3f3f5 50%, #f3f3f5 75%, #ffffff 75%, #ffffff 100%);
background-image: linear-gradient(45deg, $gray-200 25%, $white 25%, $white 50%, $gray-200 50%, $gray-200 75%, $white 75%, $white 100%);
background-size: 28.28px 28.28px;
}
}
@@ -652,7 +652,7 @@ export default {
padding: 0;
color: #2d2d2d;
text-align: center;
background: white;
background: $white;
border-radius: 0.25rem;
opacity: 1 !important;
box-shadow: 0 3px 48px #00000026;
@@ -665,12 +665,12 @@ export default {
.arrow {
&::before {
border-bottom-color: white;
border-top-color: white;
border-bottom-color: $white;
border-top-color: $white;
}
&::after {
border-top-color: white;
border-top-color: $white;
}
}
}
@@ -693,7 +693,7 @@ td {
.btn-add-group {
&:hover, &:active {
background-color: $primary !important;
color: white !important;
color: $white !important;
}
}
</style>
@@ -60,7 +60,7 @@ export default {
...props,
feed: {
options: {
color: '#ffff',
color: '#FFFFFF',
moduleID: '5555555',
prefilter: '',
},
@@ -25,7 +25,7 @@ export default {
props: {
...props,
feed: {
options: { color: '#ffff' },
options: { color: '#FFFFFF' },
},
},
},
@@ -215,7 +215,7 @@ export default {
},
getIcon (item) {
item.circleColor = '#ffffff'
item.circleColor = '#FFFFFF'
return divIcon({
className: 'marker-pin',
@@ -396,7 +396,7 @@ export default {
const m = {
labelStyle: {},
valueStyle: {
backgroundColor: '#ffffff',
backgroundColor: '#FFFFFF',
},
}
this.metrics.push(m)
@@ -272,7 +272,7 @@ input[type="search"]::-webkit-search-cancel-button {
.modal-content {
&.card {
background-color: #FFF;
background-color: $white;
background-clip: border-box;
border: 0 solid rgba(0, 0, 0, 0.125);
border-radius: 1rem;
@@ -16,17 +16,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #E4E9EF !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
$theme-colors: () !default;
$theme-colors: map-merge(
@@ -191,7 +191,7 @@ $dropping-color: $secondary;
li {
white-space: nowrap;
background: white;
background: $white;
&.blank-li {
height: $blank-li-height !important;
@@ -201,20 +201,20 @@ $dropping-color: $secondary;
}
&:nth-last-of-type(1)::before {
border-left-color: white !important;
border-left-color: $white !important;
height: 0;
}
}
&::before {
top: $content-height / -2 !important;
border-left-color: white !important;
border-left-color: $white !important;
}
&::after {
height: $content-height !important;
top: $content-height / 2 !important;
border-color: #fff !important;
border-color: $white !important;
}
&.parent-li:nth-last-child(2)::before {
@@ -247,7 +247,7 @@ $dropping-color: $secondary;
&.exist-li {
&::before {
border-color: white !important;
border-color: $white !important;
}
.parent-li {
@@ -87,6 +87,6 @@ export default {
<style lang="scss">
.vl-style-text {
color: white;
color: $white;
}
</style>
@@ -43,7 +43,7 @@
<div
v-if="$store.state.processing || !total.actual"
class="position-absolute d-flex align-items-center justify-content-center w-100 h-100"
style="opacity: 0.8; z-index: 1; background-color: #F3F3F5;"
style="opacity: 0.8; z-index: 1; background-color: #F9FAFB;"
>
<h5
class="mb-5"
@@ -16,17 +16,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$primary: #0b344e !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$light: #E4E9EF !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #F3F5F7 !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Grid - maybe not the smartest idea to change this but let's see
$grid-breakpoints: (
@@ -17,17 +17,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$light: #E4E9EF !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #F3F5F7 !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Options
$enable-rounded: true !default;
+1 -1
View File
@@ -260,7 +260,7 @@ main {
&:hover {
border: 1px solid $primary;
background: $primary;
color: #ffffff;
color: $white;
}
&:disabled {
cursor: not-allowed;
@@ -105,6 +105,6 @@ export default {
<style lang="scss">
.vl-style-text {
color: white;
color: $white;
}
</style>
@@ -16,17 +16,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #E4E9EF !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Grid - maybe not the smartest idea to change this but let's see
$grid-breakpoints: (
@@ -427,7 +427,7 @@ export default {
.btn-add-group {
&:hover, &:active {
background-color: $primary !important;
color: white !important;
color: $white !important;
}
}
@@ -133,7 +133,7 @@ export default {
.btn-add-group {
&:hover, &:active {
background-color: $primary !important;
color: white !important;
color: $white !important;
}
}
@@ -130,7 +130,7 @@ export default {
<style lang="scss" scoped>
.editable-grid-item {
touch-action: none;
background-image: linear-gradient(45deg, #f3f3f5 25%, #ffffff 25%, #ffffff 50%, #f3f3f5 50%, #f3f3f5 75%, #ffffff 75%, #ffffff 100%);
background-image: linear-gradient(45deg, $gray-200 25%, $white 25%, $white 50%, $gray-200 50%, $gray-200 75%, $white 75%, $white 100%);
background-size: 28.28px 28.28px;
}
</style>
@@ -16,17 +16,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #E4E9EF !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Grid - maybe not the smartest idea to change this but let's see
$grid-breakpoints: (
@@ -107,8 +107,8 @@ export default {
<style lang="scss" scoped>
.border {
background-color: #FFF;
border: 2px solid #E4E9EF;
background-color: $white;
border: 2px solid $light;
border-radius: 0.25rem;
}
@@ -2557,7 +2557,7 @@ export default {
}
.toolbar {
background-color: #F3F3F5 !important;
background-color: $gray-200 !important;
width: 66px;
}
@@ -261,8 +261,8 @@ input[type="search"]::-webkit-search-cancel-button {
body {
margin: 0;
color: #000;
background-color: #fff;
color: $black;
background-color: $white;
}
.block {
@@ -23,7 +23,7 @@ div.mxTooltip {
-webkit-box-shadow: 3px 3px 12px #C0C0C0;
-moz-box-shadow: 3px 3px 12px #C0C0C0;
box-shadow: 3px 3px 12px #C0C0C0;
background: #FFF;
background: $white;
border-style: solid;
border-width: 2px;
border-color: #A7D0E3;
@@ -16,17 +16,17 @@ $font-family-base: $font-regular !default;
$headings-font-family: $font-semibold !default;
// Color system
$white: #FFF !default;
$black: #000 !default;
$white: #FFFFFF !default;
$black: #162425 !default;
$primary: #0B344E !default;
$secondary: #758D9B !default;
$success: #43AA8B !default;
$warning: #F5D380 !default;
$danger: #E24646 !default;
$light: #E4E9EF !default;
$warning: #E2A046 !default;
$danger: #E54122 !default;
$light: #F3F5F7 !default;
$dark: #162425 !default;
$gray-200: #F3F3F5 !default;
$gray-200: #F9FAFB !default;
// Grid - maybe not the smartest idea to change this but let's see
$grid-breakpoints: (
+1 -1
View File
@@ -157,7 +157,7 @@ export default class Chart extends BaseChart {
},
itemStyle: {
borderRadius: 5,
borderColor: '#fff',
borderColor: '#FFFFFF',
borderWidth: 1,
},
emphasis: {
+1 -1
View File
@@ -110,7 +110,7 @@ export default class GaugeChart extends BaseChart {
distance: 0,
length: 0,
lineStyle: {
color: '#fff',
color: '#FFFFFF',
},
},
axisLine: {
@@ -20,7 +20,7 @@ export type FeedInput = Partial<Feed> | Feed | LegacyFeed
const defOptions = {
moduleID: NoID,
color: '#ffffff',
color: '#FFFFFF',
prefilter: '',
}
+1 -1
View File
@@ -8,7 +8,7 @@ import { IsOf } from '../../guards'
const emailStyle = `
body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #3A393C; font-family: Verdana,Arial,sans-serif; font-size: 14px; height: 100%; margin: 0; padding: 0; width: 100% !important; }
table { margin: 20px auto; background: #ffffff; border-collapse: collapse; max-width: 100%; }
table { margin: 20px auto; background: #FFFFFF; border-collapse: collapse; max-width: 100%; }
table tr { height: 40px; }
table td { padding-top: 10px; padding-left: 20px; width:100%; max-width:100%; min-width:100%; width:100%; vertical-align: top; }
table tbody { border-top: 3px solid #808080; }
@@ -60,7 +60,7 @@ export class BasicChartOptions extends ChartOptions {
},
itemStyle: {
borderRadius: 5,
borderColor: '#fff',
borderColor: '#FFFFFF',
borderWidth: 1,
},
emphasis: {
@@ -28,8 +28,8 @@ const defaults: Readonly<Options> = Object.freeze({
prefix: '',
suffix: '',
color: '#000000',
backgroundColor: '#ffffff',
color: '#162425',
backgroundColor: '#FFFFFF',
})
export class DisplayElementMetric extends DisplayElement {
@@ -141,8 +141,8 @@ export default {
Greys5: ['#f7f7f7', '#cccccc', '#969696', '#636363', '#252525'],
Greys6: ['#f7f7f7', '#d9d9d9', '#bdbdbd', '#969696', '#636363', '#252525'],
Greys7: ['#f7f7f7', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525'],
Greys8: ['#ffffff', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525'],
Greys9: ['#ffffff', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525', '#000000'],
Greys8: ['#FFFFFF', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525'],
Greys9: ['#FFFFFF', '#f0f0f0', '#d9d9d9', '#bdbdbd', '#969696', '#737373', '#525252', '#252525', '#000000'],
// Diverging
PuOr3: ['#f1a340', '#f7f7f7', '#998ec3'],
@@ -195,15 +195,15 @@ export default {
RdBu10: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#d1e5f0', '#92c5de', '#4393c3', '#2166ac', '#053061'],
RdBu11: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#f7f7f7', '#d1e5f0', '#92c5de', '#4393c3', '#2166ac', '#053061'],
RdGy3: ['#ef8a62', '#ffffff', '#999999'],
RdGy3: ['#ef8a62', '#FFFFFF', '#999999'],
RdGy4: ['#ca0020', '#f4a582', '#bababa', '#404040'],
RdGy5: ['#ca0020', '#f4a582', '#ffffff', '#bababa', '#404040'],
RdGy5: ['#ca0020', '#f4a582', '#FFFFFF', '#bababa', '#404040'],
RdGy6: ['#b2182b', '#ef8a62', '#fddbc7', '#e0e0e0', '#999999', '#4d4d4d'],
RdGy7: ['#b2182b', '#ef8a62', '#fddbc7', '#ffffff', '#e0e0e0', '#999999', '#4d4d4d'],
RdGy7: ['#b2182b', '#ef8a62', '#fddbc7', '#FFFFFF', '#e0e0e0', '#999999', '#4d4d4d'],
RdGy8: ['#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#e0e0e0', '#bababa', '#878787', '#4d4d4d'],
RdGy9: ['#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#ffffff', '#e0e0e0', '#bababa', '#878787', '#4d4d4d'],
RdGy9: ['#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#FFFFFF', '#e0e0e0', '#bababa', '#878787', '#4d4d4d'],
RdGy10: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#e0e0e0', '#bababa', '#878787', '#4d4d4d', '#1a1a1a'],
RdGy11: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#ffffff', '#e0e0e0', '#bababa', '#878787', '#4d4d4d', '#1a1a1a'],
RdGy11: ['#67001f', '#b2182b', '#d6604d', '#f4a582', '#fddbc7', '#FFFFFF', '#e0e0e0', '#bababa', '#878787', '#4d4d4d', '#1a1a1a'],
RdYlBu3: ['#fc8d59', '#ffffbf', '#91bfdb'],
RdYlBu4: ['#d7191c', '#fdae61', '#abd9e9', '#2c7bb6'],
@@ -23,11 +23,11 @@ export default {
GoldPurple7: ['#ad9024', '#c1a33b', '#d4b95e', '#e3d8cf', '#d4a3c3', '#c189b0', '#ac7299'],
RedGreenGold7: ['#be2a3e', '#e25f48', '#f88f4d', '#f4d166', '#90b960', '#4b9b5f', '#22763f'],
SunsetSunrise7: ['#33608c', '#9768a5', '#e7718a', '#f6ba57', '#ed7846', '#d54c45', '#b81840'],
OrangeBlueWhite7: ['#9e3d22', '#e36621', '#fcad52', '#ffffff', '#95c5e1', '#5b8fbc', '#2b5c8a'],
RedGreenWhite7: ['#ae123a', '#ee574d', '#fdac9e', '#ffffff', '#91d183', '#539e52', '#24693d'],
GreenBlueWhite7: ['#24693d', '#529c51', '#8fd180', '#ffffff', '#95c1dd', '#598ab5', '#2a5783'],
RedBlueWhite7: ['#a90c38', '#ec534b', '#feaa9a', '#ffffff', '#9ac4e1', '#5c8db8', '#2e5a87'],
RedBlackWhite7: ['#ae123a', '#ee574d', '#fdac9d', '#ffffff', '#bdc0bf', '#7d888d', '#49525e'],
OrangeBlueWhite7: ['#9e3d22', '#e36621', '#fcad52', '#FFFFFF', '#95c5e1', '#5b8fbc', '#2b5c8a'],
RedGreenWhite7: ['#ae123a', '#ee574d', '#fdac9e', '#FFFFFF', '#91d183', '#539e52', '#24693d'],
GreenBlueWhite7: ['#24693d', '#529c51', '#8fd180', '#FFFFFF', '#95c1dd', '#598ab5', '#2a5783'],
RedBlueWhite7: ['#a90c38', '#ec534b', '#feaa9a', '#FFFFFF', '#9ac4e1', '#5c8db8', '#2e5a87'],
RedBlackWhite7: ['#ae123a', '#ee574d', '#fdac9d', '#FFFFFF', '#bdc0bf', '#7d888d', '#49525e'],
OrangeBlueLight7: ['#ffcc9e', '#f9d4b6', '#f0dccd', '#e5e5e5', '#dae1ea', '#cfdcef', '#c4d8f3'],
Temperature7: ['#529985', '#6c9e6e', '#99b059', '#dbcf47', '#ebc24b', '#e3a14f', '#c26b51'],
BlueGreen7: ['#feffd9', '#f2fabf', '#dff3b2', '#c4eab1', '#94d6b7', '#69c5be', '#41b7c4'],
@@ -75,11 +75,11 @@ export default {
ClassicAreaRedGreen21: ['#bd1100', '#c82912', '#d23a21', '#dc4930', '#e6583e', '#ef654d', '#f7705b', '#fd7e6b', '#fe8e7e', '#fca294', '#e9dabe', '#c7e298', '#b1de7f', '#a0d571', '#90cb68', '#82c162', '#75b65d', '#69aa56', '#5ea049', '#559633', '#4a8c1c'],
ClassicOrangeBlue13: ['#7b3014', '#a33202', '#d74401', '#f06511', '#fd8938', '#fdab67', '#cacaca', '#7bc8e2', '#67add4', '#3a87b7', '#1c73b1', '#1c5998', '#26456e'],
ClassicGreenBlue11: ['#09622a', '#1e7735', '#2f8e41', '#69a761', '#a2c18f', '#cacaca', '#67add4', '#3a87b7', '#1c73b1', '#1c5998', '#26456e'],
ClassicRedWhiteGreen11: ['#9c0824', '#b41f27', '#cc312b', '#e86753', '#fcb4a5', '#ffffff', '#b9d7b7', '#74af72', '#428f49', '#297839', '#09622a'],
ClassicRedWhiteBlack11: ['#9c0824', '#b41f27', '#cc312b', '#e86753', '#fcb4a5', '#ffffff', '#bfbfbf', '#838383', '#575757', '#393939', '#1e1e1e'],
ClassicOrangeWhiteBlue11: ['#7b3014', '#a84415', '#d85a13', '#fb8547', '#ffc2a1', '#ffffff', '#b7cde2', '#6a9ec5', '#3679a8', '#2e5f8a', '#26456e'],
ClassicRedWhiteBlackLight10: ['#ffc2c5', '#ffd1d3', '#ffe0e1', '#fff0f0', '#ffffff', '#f3f3f3', '#e8e8e8', '#dddddd', '#d1d1d1', '#c6c6c6'],
ClassicOrangeWhiteBlueLight11: ['#ffcc9e', '#ffd6b1', '#ffe0c5', '#ffead8', '#fff5eb', '#ffffff', '#f3f7fd', '#e8effa', '#dce8f8', '#d0e0f6', '#c4d8f3'],
ClassicRedWhiteGreenLight11: ['#ffb2b6', '#ffc2c5', '#ffd1d3', '#ffe0e1', '#fff0f0', '#ffffff', '#f1faed', '#e3f5db', '#d5f0ca', '#c6ebb8', '#b7e6a7'],
ClassicRedWhiteGreen11: ['#9c0824', '#b41f27', '#cc312b', '#e86753', '#fcb4a5', '#FFFFFF', '#b9d7b7', '#74af72', '#428f49', '#297839', '#09622a'],
ClassicRedWhiteBlack11: ['#9c0824', '#b41f27', '#cc312b', '#e86753', '#fcb4a5', '#FFFFFF', '#bfbfbf', '#838383', '#575757', '#393939', '#1e1e1e'],
ClassicOrangeWhiteBlue11: ['#7b3014', '#a84415', '#d85a13', '#fb8547', '#ffc2a1', '#FFFFFF', '#b7cde2', '#6a9ec5', '#3679a8', '#2e5f8a', '#26456e'],
ClassicRedWhiteBlackLight10: ['#ffc2c5', '#ffd1d3', '#ffe0e1', '#fff0f0', '#FFFFFF', '#f3f3f3', '#e8e8e8', '#dddddd', '#d1d1d1', '#c6c6c6'],
ClassicOrangeWhiteBlueLight11: ['#ffcc9e', '#ffd6b1', '#ffe0c5', '#ffead8', '#fff5eb', '#FFFFFF', '#f3f7fd', '#e8effa', '#dce8f8', '#d0e0f6', '#c4d8f3'],
ClassicRedWhiteGreenLight11: ['#ffb2b6', '#ffc2c5', '#ffd1d3', '#ffe0e1', '#fff0f0', '#FFFFFF', '#f1faed', '#e3f5db', '#d5f0ca', '#c6ebb8', '#b7e6a7'],
ClassicRedGreenLight11: ['#ffb2b6', '#fcbdc0', '#f8c7c9', '#f2d1d2', '#ecdbdc', '#e5e5e5', '#dde6d9', '#d4e6cc', '#cae6c0', '#c1e6b4', '#b7e6a7'],
}
+7 -7
View File
@@ -156,13 +156,13 @@ export default {
grid-area: main;
background-image: linear-gradient(
135deg,
#f3f3f5 21.43%,
#ffffff 21.43%,
#ffffff 50%,
#f3f3f5 50%,
#f3f3f5 71.43%,
#ffffff 71.43%,
#ffffff 100%
#F9FAFB 21.43%,
#FFFFFF 21.43%,
#FFFFFF 50%,
#F9FAFB 50%,
#F9FAFB 71.43%,
#FFFFFF 71.43%,
#FFFFFF 100%
);
background-size: 35.00px 35.00px;
overflow: auto;
@@ -293,8 +293,8 @@ export default {
</script>
<style lang="scss" scoped>
$white: white !default;
$danger: red !default;
$white: #FFFFFF !default;
$danger: #E54122 !default;
.doc-msg {
display: flex;
@@ -120,7 +120,7 @@ export default {
}
</script>
<style lang="scss" scoped>
$border-color: 2px solid #E4E9EF;
$border-color: 2px solid #F3F5F7;
input:focus::placeholder {
color: transparent;
@@ -285,7 +285,7 @@ $nav-user-icon-size: 50px;
.header-navigation {
width: 100vw;
height: $header-height;
background-color: #F3F3F5 !important;
background-color: #F9FAFB !important;
padding-left: calc(3.5rem + 6px);
}
@@ -66,7 +66,7 @@ export default {
<style lang="scss">
.access {
.btn {
background-color: #E4E9EF;
background-color: #F3F5F7;
border: none;
}
@@ -43,8 +43,8 @@ export default {
style () {
return {
fill: this.options.color || '#000000',
backgroundColor: this.options.backgroundColor || '#ffffff',
fill: this.options.color || '#162425',
backgroundColor: this.options.backgroundColor || '#FFFFFF',
}
},
+2 -2
View File
@@ -1,8 +1,8 @@
:root {
--primary: #0B344E;
--primary-hover: #061E2C;
--light: #E4E9EF;
--danger: #E24646;
--light: #F3F5F7;
--danger: #E54122;
}
html {
+3 -3
View File
@@ -14,10 +14,10 @@ templates:
<table width="800" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr>
<td width="800" bgcolor="#ffffff" style="color:#3a393c;font-size:14px;line-height:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left">
<td width="800" bgcolor="#FFFFFF" style="color:#3a393c;font-size:14px;line-height:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:left">
<table width="800" cellspacing="0" cellpadding="0" border="0">
<tbody>
<tr style="background-color:#ffffff;height:50px;">
<tr style="background-color:#FFFFFF;height:50px;">
<td style="border-bottom:2px solid #568ba2;">
<a href="{{ .BaseURL }}" style="text-decoration:none" target="_blank">
<img src="{{ .Logo }}" style="display: block;margin: 0 auto;padding: 10px;">
@@ -37,7 +37,7 @@ templates:
</td>
</tr>
<tr>
<td style="padding:30px;border-top: 1px solid #F3F3F5">
<td style="padding:30px;border-top: 1px solid #F9FAFB">
<p>If you have any questions, please contact <a href="mailto:{{ .SignatureEmail }}" style="color:#568ba2;">{{ .SignatureEmail }}</a>.</p>
<p>Kind regards, <br>
{{ .SignatureName }}</p>
+1 -1
View File
@@ -3432,7 +3432,7 @@ pages:
suffix: k
transformFx: v=v/1000
valueStyle:
backgroundColor: '#ffffff'
backgroundColor: '#FFFFFF'
color: '#379cd3'
fontSize: "100"
style:
+1 -1
View File
@@ -35,7 +35,7 @@ const reportTemplate = `<!DOCTYPE html>
}
.copy-to-clipboard-button {
background-color: #fff;
background-color: #FFFFFF;
border: 1px solid #eee;
cursor: pointer;
font-size: 12px;