Project

General

Profile

1
.portal-color {
2
  color: var(--portal-main-color) !important;
3
}
4

    
5
.portal-secondary-color {
6
  color: var(--portal-dark-color) !important;
7
}
8

    
9
.portal-background-color {
10
  background-color: var(--portal-main-color) !important;
11
}
12

    
13
.portal-background-color * {
14
  color: var(--portal-main-contrast) !important;
15
}
16

    
17
.portal-box {
18
  background-color: var(--portal-main-color) !important;
19
  color: var(--portal-main-contrast) !important;
20
  border: 1px solid var(--portal-main-color);
21
  height: 18px;
22
}
23

    
24
.portal-box .mat-select-value, .portal-box .mat-select-arrow {
25
  color: var(--portal-main-contrast) !important;
26
}
27

    
28
/* Button */
29
.portal-icon-button, .portal-icon-button:hover {
30
  background: var(--portal-main-color) !important;
31
  color: var(--portal-main-contrast) !important;
32
  border: 1px solid var(--portal-main-color) !important;
33
}
34

    
35
.portal-button:not(.uk-disabled), .portal-button-reverse:hover, .portal-button-reverse:active, .portal-button-reverse:focus {
36
  background-color: var(--portal-main-color);
37
  color: var(--portal-main-contrast) !important;
38
  border: 1px solid var(--portal-main-color);
39
  background-image: none;
40
}
41

    
42
.portal-button:hover, .portal-button:active, .portal-button:focus {
43
  background-color: var(--portal-dark-color);
44
  color: var(--portal-main-contrast) !important;;
45
  border: 1px solid var(--portal-dark-color);
46
  background-image: none;
47
}
48

    
49
.portal-button-reverse {
50
  background-color: var(--portal-main-contrast);;
51
  color: var(--portal-main-color) !important;;
52
  border: 1px solid var(--portal-main-color);
53
  background-image: none;
54
}
55

    
56
/* Link */
57
.portal-link, .grey-portal-link:hover {
58
  color: var(--portal-main-color);
59
}
60

    
61
.grey-portal-link {
62
  color: rgba(26, 26, 26, 0.8) !important;
63
}
64

    
65
.portal-link:hover:not(.uk-icon-link), .portal-link:active:not(.uk-icon-link), .portal-link:focus:not(.uk-icon-link) {
66
  text-decoration: underline !important;
67
}
68

    
69
.portal-link.uk-icon-link:hover, .portal-link.uk-icon-link:active, .portal-link.uk-icon-link:focus {
70
  color: var(--portal-dark-color);
71
}
72

    
73
/* Icon */
74
.portal-icon svg > * {
75
  fill: var(--portal-main-color);
76
}
77

    
78
.graph-color {
79
  color: #EE2540 !important;
80
}
81

    
82
.graph-color:hover, .graph-color:active {
83
  text-decoration: underline;
84
}
85

    
86
.provide-color {
87
  color: var(--provide-portal-color);
88
}
(15-15/20)