-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcoincards.css
106 lines (89 loc) · 3.86 KB
/
coincards.css
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
root {
General color definitions
--btcpay-brand-light #B498FF;
--btcpay-brand-medium #8064ef;
--btcpay-brand-dark #321a6e;
--btcpay-brand-darker #19154B;
--btcpay-brand-darkest #02000C;
Color definitions for specific purposes - map the general colors or define additional ones
--btcpay-color-white #fff;
--btcpay-color-black #000;
--btcpay-color-neutral-100 #F3F1FF;
--btcpay-color-neutral-200 #DCD7FC;
--btcpay-color-neutral-300 #CDC6F3;
--btcpay-color-neutral-400 #AEA7D7;
--btcpay-color-neutral-500 #7a72a0;
--btcpay-color-neutral-600 #8880ad;
--btcpay-color-neutral-700 #49308b;
--btcpay-color-neutral-800 #181334;
--btcpay-color-neutral-900 #100d20;
--btcpay-color-primary var(--btcpay-brand-medium); Usage Text color
--btcpay-color-primary-backdrop #baa4fd; Usage Backgrounds, borders, shadows
--btcpay-color-primary-accent #4b3bc0; Usage Background on FocusHover
--btcpay-color-secondary var(--btcpay-color-neutral-600);
--btcpay-color-secondary-backdrop var(--btcpay-color-neutral-100);
--btcpay-color-secondary-accent var(--btcpay-color-neutral-500);
--btcpay-color-success #25933d;
--btcpay-color-success-backdrop #c3e6cb;
--btcpay-color-success-accent #137929;
--btcpay-color-info #0698c9;
--btcpay-color-info-backdrop #c0eefe;
--btcpay-color-info-accent #0698c9;
--btcpay-color-warning #e5ac00;
--btcpay-color-warning-backdrop #ffeeba;
--btcpay-color-warning-accent #e5ac00;
--btcpay-color-danger #bd2130;
--btcpay-color-danger-backdrop #EDA1B0;
--btcpay-color-danger-accent #bd2130;
--btcpay-color-light var(--btcpay-color-neutral-200);
--btcpay-color-light-backdrop var(--btcpay-color-neutral-200);
--btcpay-color-light-accent var(--btcpay-color-neutral-100);
--btcpay-color-dark var(--btcpay-color-neutral-800);
--btcpay-color-dark-backdrop var(--btcpay-color-neutral-800);
--btcpay-color-dark-accent var(--btcpay-color-neutral-900);
Color definitions for specific sections - try to reuse colors defined above
--btcpay-bg-body var(--btcpay-brand-darkest);
--btcpay-bg-dark var(--btcpay-brand-darker);
--btcpay-bg-tile var(--btcpay-brand-dark);
--btcpay-bg-cta var(--btcpay-brand-dark);
--btcpay-body-color var(--btcpay-color-neutral-100);
--btcpay-body-color-link var(--btcpay-color-primary);
--btcpay-body-color-link-accent var(--btcpay-color-primary-accent);
--btcpay-nav-color-link-accent var(--btcpay-color-neutral-100);
--btcpay-header-bg var(--btcpay-brand-darker);
--btcpay-footer-bg var(--btcpay-brand-darkest);
--btcpay-preformatted-text-color var(--btcpay-color-white);
--btcpay-font-size-base 16px;
--btcpay-font-family-head 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
--btcpay-font-family-base -apple-system, 'Open Sans', BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--btcpay-font-family-monospace SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
Bootstrap modifications
html {
font-size var(--btcpay-font-size-base);
}
body {
background linear-gradient(var(--btcpay-header-bg), var(--btcpay-footer-bg));
background-attachment fixed;
}
.logo,
.head-logo,
.social-logo {
filter contrast(0) brightness(200%);
}
.bg-dark {
background-color var(--btcpay-bg-dark) !important;
}
#mainNav {
background var(--btcpay-header-bg) !important;
}
header.mastheadbefore,
.service-box img {
filter hue-rotate(100deg) opacity(60%) contrast(125%);
}
.table {
margin 1.5rem 0 3rem;
}
.table th {
border-top 0;
}