7
7
text-wrap : nowrap;
8
8
9
9
color : var (--swm-off-white );
10
- background-color : var (--swm-landing-button-purple );
10
+ background-color : var (--swm-cornflower-80 );
11
11
12
12
cursor : pointer;
13
13
transition : background-color 0.3s , color 0.3s ;
14
14
}
15
15
16
16
[data-theme = 'dark' ] .homepageButton {
17
- background-color : var (--swm-purple-light-100 );
18
- border-color : var (--swm-purple-light-100 );
17
+ background-color : var (--swm-cornflower-80 );
18
+ border-color : var (--swm-cornflower-80 );
19
19
}
20
20
21
21
a .homepageButtonLink : hover {
@@ -68,15 +68,15 @@ a.homepageButtonLink:hover {
68
68
69
69
.buttonTransparentStyling {
70
70
background-color : transparent;
71
- color : var (--swm-landing-button-purple );
71
+ color : var (--swm-cornflower-80 );
72
72
}
73
73
74
74
.buttonTransparentStyling svg {
75
- stroke : var (--swm-landing-button-purple );
75
+ stroke : var (--swm-cornflower-80 );
76
76
}
77
77
78
78
.buttonTransparentStyling : hover {
79
- background-color : var (--swm-landing-button-purple );
79
+ background-color : var (--swm-cornflower-80 );
80
80
color : var (--swm-off-white );
81
81
}
82
82
@@ -87,7 +87,7 @@ a.homepageButtonLink:hover {
87
87
/* Button - purple styling */
88
88
89
89
.buttonPurpleStyling {
90
- background-color : var (--swm-landing-button-purple );
90
+ background-color : var (--swm-cornflower-80 );
91
91
color : var (--swm-off-white );
92
92
}
93
93
@@ -97,15 +97,15 @@ a.homepageButtonLink:hover {
97
97
98
98
.buttonPurpleStyling : hover {
99
99
background-color : transparent;
100
- color : var (--swm-landing-button-purple );
100
+ color : var (--swm-cornflower-80 );
101
101
}
102
102
103
103
.buttonPurpleStyling : hover svg {
104
- stroke : var (--swm-landing-button-purple );
104
+ stroke : var (--swm-cornflower-80 );
105
105
}
106
106
107
107
.buttonPurpleBorderStyling {
108
- border : 1px solid var (--swm-landing-button-purple );
108
+ border : 1px solid var (--swm-cornflower-80 );
109
109
}
110
110
111
111
.arrow {
0 commit comments