1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
|
/*! =========================================== *
* DRACULA Theme
* Version: 4.0.0
* Author: Mike Barkmin
* Website: www.barkmin.eu
* Twitter: @mikebarkmin
* =========================================== */
:root {
--main-bg-color: #282a36;
--secondary-bg-color: #1d1f27;
--bgcolor-searchbox-field: #000;
--bgcolor-spacebar: rgba(255, 255, 255, 0.1);
--bgcolor-aside-link: rgba(0, 0, 0, 0.3);
--bgcolor-toolbar: #333545;
--fillcolor-logo: #f6f7fa;
--fillcolor-icons: #fff;
--color-nav-link: #D8D8D8;
--color-nav-active: #FF79C6;
--color-standard-text: #fff;
--boxshadow-main: none; }
.pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
color: #fff;
background-color: #FF79C6;
border: 1px solid #FF79C6;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out; }
.is-hover.pm-button--error, .is-hover.pm-button--primary, .is-hover.pm-button--warning, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover {
color: #D8D8D8;
box-shadow: 0 0 0.35714em 0 rgba(0, 0, 0, 0.2);
background: #ff60bb;
border: 1px solid #ff60bb; }
.aside-link {
background: #1d1f27; }
.aside-link:active .aside-linkIcon, .aside-link:focus .aside-linkIcon, .aside-link:hover .aside-linkIcon, .aside-link[aria-current="true"] .aside-linkIcon {
fill: #1d1f27;
background: none; }
.circle-chart__circle {
stroke: #FF79C6; }
#global_search.searchbox-field[type="search"] {
background-color: #000;
color: #e6eaf0; }
.topnav-link, .topnav-link > .topnav-icon {
color: #D8D8D8;
transition: color .2s ease-in-out; }
.topnav-link:active, .topnav-link:focus,
.topnav-link:hover, .topnav-link[aria-current="true"] {
color: #FF79C6; }
.topnav-link:active > .topnav-icon, .topnav-link:focus > .topnav-icon,
.topnav-link:hover > .topnav-icon, .topnav-link[aria-current=true] > .topnav-icon {
color: #FF79C6; }
.conversation.marked::before {
background: #FF79C6; }
.conversation.item-container:not(.item-is-selected):not(.item-contact):not(.read):not(.active) {
background: #fff; }
.conversation.item-container.active, .conversation.item-is-selected {
background: rgba(255, 121, 198, 0.1); }
.conversation .item-checkbox:checked + .item-icon {
background-color: #FF79C6;
border-color: #FF79C6; }
.conversation .item-checkbox + .item-icon:hover .item-icon-fakecheck-icon {
fill: #FF79C6; }
.conversation .item-checkbox:checked + .item-icon:hover .item-icon-fakecheck-icon {
fill: #D8D8D8; }
.conversation .selectBoxElement-container:hover .item-icon {
background-color: transparent;
border: 1px solid #ff60bb; }
.conversation .selectBoxElement-container:hover .item-icon .item-icon-fakecheck-icon {
fill: #ff60bb; }
.conversation .selectBoxElement-container:hover .item-checkbox:checked + .item-icon {
background-color: #ff60bb;
border-color: #ff60bb; }
.starbutton {
fill: #FF79C6 !important;
opacity: 0.7; }
.starbutton:focus, .starbutton:hover {
fill: #FF79C6; }
.color-pm-blue {
color: #FF79C6; }
.pm-radio:checked + .pm-radio-fakeradio::before {
background: #FF79C6; }
.block-info-standard {
border-color: #1b68c6; }
.block-info-standard-warning {
border-color: #ffb86c; }
.block-info-standard-error {
border-color: #ff5555; }
.link, a, .pm-button--link {
color: #282a36;
transition: color .2s ease-in-out; }
.link:active, .link:focus, .link:hover,
a:active, a:focus, a:hover,
.pm-button--link:hover {
color: #ff46b0; }
.pm-button--primary {
background-color: #FF79C6;
border-color: #FF79C6; }
.pm-button--link, .pm-button.pm-button--link {
color: #FF79C6; }
.pm-button--error, .pm-button--error.pm-button--info, .pm-button--error.pm-button--redborder, .pm-button--primary, .pm-button--primary.pm-button--info, .pm-button--primary.pm-button--redborder, .pm-button--warning, .pm-button--warning.pm-button--info, .pm-button--warning.pm-button--redborder, .pm-button-blue, .pm-button-blue.pm-button--info, .pm-button-blue.pm-button--redborder, .pm-button.pm-button--error, .pm-button.pm-button--primary, .pm-button.pm-button--warning, .pm-button.pm-button-blue {
background-color: #FF79C6;
border-color: #FF79C6; }
.is-hover.pm-button--error, .is-hover.pm-button--error.pm-button--info, .is-hover.pm-button--error.pm-button--redborder, .is-hover.pm-button--primary, .is-hover.pm-button--primary.pm-button--info, .is-hover.pm-button--primary.pm-button--redborder, .is-hover.pm-button--warning, .is-hover.pm-button--warning.pm-button--info, .is-hover.pm-button--warning.pm-button--redborder, .pm-button--error.pm-button--info:focus, .pm-button--error.pm-button--info:focus-within, .pm-button--error.pm-button--info:hover, .pm-button--error.pm-button--redborder:focus, .pm-button--error.pm-button--redborder:focus-within, .pm-button--error.pm-button--redborder:hover, .pm-button--error:focus, .pm-button--error:focus-within, .pm-button--error:hover, .pm-button--primary.pm-button--info:focus, .pm-button--primary.pm-button--info:focus-within, .pm-button--primary.pm-button--info:hover, .pm-button--primary.pm-button--redborder:focus, .pm-button--primary.pm-button--redborder:focus-within, .pm-button--primary.pm-button--redborder:hover, .pm-button--primary:focus, .pm-button--primary:focus-within, .pm-button--primary:hover, .pm-button--warning.pm-button--info:focus, .pm-button--warning.pm-button--info:focus-within, .pm-button--warning.pm-button--info:hover, .pm-button--warning.pm-button--redborder:focus, .pm-button--warning.pm-button--redborder:focus-within, .pm-button--warning.pm-button--redborder:hover, .pm-button--warning:focus, .pm-button--warning:focus-within, .pm-button--warning:hover, .pm-button-blue.is-hover, .pm-button-blue.is-hover.pm-button--info, .pm-button-blue.is-hover.pm-button--redborder, .pm-button-blue.pm-button--info:focus, .pm-button-blue.pm-button--info:focus-within, .pm-button-blue.pm-button--info:hover, .pm-button-blue.pm-button--redborder:focus, .pm-button-blue.pm-button--redborder:focus-within, .pm-button-blue.pm-button--redborder:hover, .pm-button-blue:focus, .pm-button-blue:focus-within, .pm-button-blue:hover, .pm-button.is-hover.pm-button--error, .pm-button.is-hover.pm-button--primary, .pm-button.is-hover.pm-button--warning, .pm-button.pm-button--error:focus, .pm-button.pm-button--error:focus-within, .pm-button.pm-button--error:hover, .pm-button.pm-button--primary:focus, .pm-button.pm-button--primary:focus-within, .pm-button.pm-button--primary:hover, .pm-button.pm-button--warning:focus, .pm-button.pm-button--warning:focus-within, .pm-button.pm-button--warning:hover, .pm-button.pm-button-blue.is-hover, .pm-button.pm-button-blue:focus, .pm-button.pm-button-blue:focus-within, .pm-button.pm-button-blue:hover {
background: #ff60bb;
border: 1px solid #ff60bb; }
.pm-toggle-checkbox:checked + .pm-toggle-label:before {
background: #FF79C6;
border-color: #FF79C6; }
.fill-pm-blue,
.message-attachmentIcon .file-outer-icon.is-embedded {
fill: #FF79C6; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2) {
border-color: #FF79C6;
color: #FF79C6; }
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2)::before {
background-color: #FF79C6; }
.pm-table--highlight[data-plan-number="1"] tr td:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr th:nth-child(2),
.pm-table--highlight[data-plan-number="1"] tr:last-child td:nth-child(2) {
border-color: #FF79C6; }
.pm-simple-table-row-th .fill-primary {
fill: #FF79C6; }
.progress-contact {
color: #FF79C6; }
.progress-contact::-moz-progress-bar {
background: #FF79C6; }
|
