Skip to content

Commit d941cf5

Browse files
authored
Merge pull request #182 from SignPath/new-design-accents
changed css and html for new colors
2 parents a5d1b4f + aafe185 commit d941cf5

17 files changed

+34
-30
lines changed

docs/_includes/header.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@
3636
<meta name="description" content="{{description}}"/>
3737
<!-- End Jekyll SEO tag -->
3838
<link rel='stylesheet' href='/assets/css/hint.min.css'>
39-
<link rel="stylesheet" href="/assets/css/index.css?cache=2025-04-25">
39+
<link rel="stylesheet" href="/assets/css/index.css?cache=2025-05-15">
4040
<link rel="alternate" type="application/atom+xml" title="SignPath.io Blog" href="/feed.xml">
4141
<script src='/assets/index.js?cache=2024-12-18'></script>
4242
<script src='/assets/js/main-bundle.js?cache=2025-03-06'></script>

docs/_includes/newsletter.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ <h2>Sign up for news and special offers</h2>
55
<input type="text" class="form-control" data-inputmask="" name="fields[name]" value="" placeholder="Name">
66
<input type="email" class="form-control" data-inputmask="" name="fields[email]" value="" placeholder="Email">
77
<input type="hidden" name="ml-submit" value="1">
8-
<button type="submit" class="btn btn-secondary newsletter">Subscribe</button>
8+
<button type="submit" class="btn btn-flat newsletter">Subscribe</button>
99
</form>
1010
</div>
1111
</section>

docs/_includes/rectangle-list.svg

Lines changed: 1 addition & 1 deletion
Loading

docs/_sass/devops.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ svg.devops path {
22
fill: #263238;
33
}
44
svg.devops path.blue {
5-
fill: #00b1e6;
5+
fill: #9929EA;
66
}
77
svg.devops text, svg.devops tspan {
88
font-size: 7.7px;
@@ -154,7 +154,7 @@ section.devops-section {
154154
}
155155

156156
span.string {
157-
color: $blue-font-color;
157+
color: $white-font-color;
158158
}
159159

160160
span.variable {

docs/_sass/infosec.scss

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -22,7 +22,7 @@ svg.chain {
2222
}
2323

2424
path.orange {
25-
fill: #00b1e6;
25+
fill: #9929EA;
2626
}
2727
}
2828

@@ -32,23 +32,23 @@ svg.incident-management {
3232
}
3333

3434
path.ring.outer {
35-
fill: #bff0ff;
35+
fill: $pricing4-background-color;
3636
}
3737

3838
path.ring.middle {
39-
fill: #22ccff;
39+
fill: $pricing3-background-color;
4040
}
4141

4242
path.ring.inner {
43-
fill: #006a8a;
43+
fill: $pricing2-background-color;
4444
}
4545

4646
path.lock {
4747
fill: #ffffff;
4848
stroke: #ffffff;
4949

5050
&.hole {
51-
fill: #006a8a;
51+
fill: $pricing2-background-color;
5252
}
5353
}
5454
}

docs/_sass/main.scss

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -89,10 +89,12 @@ a.btn, button.btn {
8989
padding: 6px 20px;
9090
border: 1px solid transparent;
9191
color: inherit;
92+
border-radius: 10px;
9293
box-shadow: $shadow;
94+
background-color: transparent;
9395
}
9496

95-
a.btn-flat {
97+
a.btn-flat, button.btn-flat {
9698
border: 1px solid $white-border-color;
9799

98100
&:hover {
@@ -104,6 +106,7 @@ a.btn-flat {
104106
a.btn-primary, button.btn-primary {
105107
background-color: $primary-color;
106108
color: $white-font-color;
109+
border-radius: 10px;
107110

108111
&:hover {
109112
background-color: $primary-darker-color;
@@ -112,7 +115,8 @@ a.btn-primary, button.btn-primary {
112115

113116
a.btn-secondary, button.btn-secondary {
114117
background-color: $secondary-color;
115-
color: $black-font-color;
118+
color: $white-font-color;
119+
border-radius: 10px;
116120

117121
&:hover {
118122
background-color: $primary-color;

docs/_sass/preview.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ div.panel.warning {
1818
background-color: lightsalmon;
1919
}
2020
div.panel.product {
21-
background-color: lightblue;
21+
background-color: $light-blue-background-color;
2222
}
2323
div.panel > div.panel-header {
2424
background-color: grey;

docs/_sass/pricing.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
section.pricing-start {
2-
background-image: url('../img/pricing.jpg');
2+
background-image: url('../img/home.jpg');
33

44
& > div > h1 {
55
text-align: center;

docs/_sass/product.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
section.product-start {
2-
background-image: url('../img/product.jpg');
2+
background-image: url('../img/home.jpg');
33

44
& > div {
55
text-align: center;

docs/_sass/variables.scss

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -3,29 +3,29 @@
33
// special
44
$primary-color: #faac14;
55
$primary-darker-color: #c6860f;
6-
$secondary-color: #22ccff;
6+
$secondary-color: #08126B;
77

88
// font-colors
99
$dark-grey-font-color: #455a64;
1010
$grey-font-color: #ccc;
1111
$light-grey-font-color: #ddd;
12-
$light-blue-font-color: #64e3ff;
12+
$light-blue-font-color: #DDB8F8;
1313
$white-font-color: #fff;
1414
$black-font-color: #000;
15-
$blue-link-color: #0081b4;
16-
$blue-font-color: #00b1e6;
15+
$blue-link-color: #042DC7;
16+
$blue-font-color: #08126B;
1717
$orange-font-color: #faac14;
1818

1919
// background-colors
20-
$light-grey-background-color: #eceff1;
20+
$light-grey-background-color: #ECECEC;
2121
$light-medium-grey-background-color: #99a5ab;
2222
$medium-grey-background-color: #455a64;
23-
$dark-grey-background-color: #263238;
23+
$dark-grey-background-color: #262627;
2424
$white-background-color: #fff;
2525
$black-background-color: #000;
26-
$light-blue-background-color: #bff0ff;
26+
$light-blue-background-color: #DDB8F8;
2727
$light-orange-background-color: #fde1aa;
28-
$dark-blue-background-color: #006a8a;
28+
$dark-blue-background-color: #011946;
2929

3030
$success-background-color: #689f38;
3131
$error-background-color: #d32f2f;
@@ -38,11 +38,11 @@ $dark-grey-border-color: #555;
3838
$white-border-color: #fff;
3939

4040
// other colors
41-
$pricing1-background-color: #006a8a;
42-
$pricing2-background-color: #0b8bb1;
43-
$pricing3-background-color: #17abd8;
44-
$pricing4-background-color: #22ccff;
45-
$blue-gradient: linear-gradient(80deg, #006a8a 0%, #22ccff 100%);
41+
$pricing1-background-color: #011946;
42+
$pricing2-background-color: #341E7D;
43+
$pricing3-background-color: #6624B3;
44+
$pricing4-background-color: #9929EA;
45+
$blue-gradient: linear-gradient(80deg, #9929EA 0%, #08126B 50%, #011946 80%);
4646
$green-line-color: #28a745;
4747
$red-line-color: #dc3545;
4848
$blue-line-color: #006a8a;

0 commit comments

Comments
 (0)