Skip to content

Commit c1a2795

Browse files
blackopsreplblackopsrepl
committed
chore: update logo and site colors
1 parent ea6aad1 commit c1a2795

File tree

8 files changed

+399
-48
lines changed

8 files changed

+399
-48
lines changed

‎assets/icons/logo.svg‎

Lines changed: 49 additions & 48 deletions
Loading

‎assets/icons/solverforge-header-dark-clean.svg‎

Lines changed: 39 additions & 0 deletions
Loading

‎assets/icons/solverforge-header-dark.svg‎

Lines changed: 48 additions & 0 deletions
Loading

‎assets/icons/solverforge-header-light-clean.svg‎

Lines changed: 39 additions & 0 deletions
Loading

‎assets/icons/solverforge-header-light.svg‎

Lines changed: 48 additions & 0 deletions
Loading

‎assets/icons/solverforge.svg‎

Lines changed: 5 additions & 0 deletions
Loading

‎assets/scss/_variables_project.scss‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,3 +4,103 @@ Add styles or override variables from the theme here.
44
55
*/
66

7+
// Primary green colors from logo
8+
$primary: #10b981;
9+
$primary-dark: #059669;
10+
11+
// Scale up the navbar logo
12+
.navbar-brand__logo svg {
13+
width: auto !important;
14+
height: auto !important;
15+
max-height: 4rem !important;
16+
}
17+
18+
// Reduce navbar height
19+
.td-navbar {
20+
min-height: 1rem !important;
21+
padding-top: 0.25rem !important;
22+
padding-bottom: 0.25rem !important;
23+
background-color: #ffffff !important;
24+
25+
// Make menu items readable on light background
26+
.nav-link {
27+
color: #1f2937 !important;
28+
29+
&:hover {
30+
color: $primary !important;
31+
}
32+
33+
&.active {
34+
color: $primary !important;
35+
}
36+
}
37+
}
38+
39+
// Reduce the container padding
40+
.td-navbar .container-fluid {
41+
padding-top: 0 !important;
42+
padding-bottom: 0 !important;
43+
}
44+
45+
// Make navbar brand more compact
46+
.navbar-brand {
47+
padding-top: 0 !important;
48+
padding-bottom: 0 !important;
49+
margin-top: 0 !important;
50+
margin-bottom: 0 !important;
51+
}
52+
53+
// Subtle green accents to match logo
54+
.btn-primary {
55+
background-color: $primary !important;
56+
border-color: $primary !important;
57+
58+
&:hover {
59+
background-color: $primary-dark !important;
60+
border-color: $primary-dark !important;
61+
}
62+
}
63+
64+
a {
65+
&:hover {
66+
color: $primary;
67+
}
68+
}
69+
70+
// Green inverted backgrounds for home and about pages only
71+
body.home,
72+
body.section-about {
73+
.td-content,
74+
.td-main {
75+
background-color: $primary !important;
76+
color: #ffffff !important;
77+
}
78+
79+
// Cover blocks with green background
80+
.td-cover-block {
81+
background-color: $primary !important;
82+
color: #ffffff !important;
83+
}
84+
85+
// Make text readable on green background
86+
.td-content {
87+
h1, h2, h3, h4, h5, h6 {
88+
color: #ffffff !important;
89+
}
90+
91+
p, li, td, th {
92+
color: #ffffff !important;
93+
}
94+
}
95+
96+
// Links on green background
97+
.td-content a,
98+
.td-main a {
99+
color: #ffffff !important;
100+
text-decoration: underline;
101+
102+
&:hover {
103+
color: #f0fdf4 !important;
104+
}
105+
}
106+
}

‎layouts/partials/navbar.html‎

Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
{{ $cover := and
2+
(.HasShortcode "blocks/cover")
3+
(not .Site.Params.ui.navbar_translucent_over_cover_disable)
4+
-}}
5+
{{ $baseURL := urls.Parse $.Site.Params.Baseurl -}}
6+
7+
<nav class="td-navbar js-navbar-scroll
8+
{{- if $cover }} td-navbar-cover {{- end }}" data-bs-theme="dark">
9+
<div class="container-fluid flex-column flex-md-row">
10+
<a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
11+
{{- /**/ -}}
12+
<span class="navbar-brand__logo navbar-logo">
13+
{{- if ne .Site.Params.ui.navbar_logo false -}}
14+
{{- $logoFile := "icons/solverforge-header-light-clean.svg" -}}
15+
{{- if or (.IsHome) (hasPrefix .RelPermalink "/about") -}}
16+
{{- $logoFile = "icons/solverforge-header-dark-clean.svg" -}}
17+
{{- end -}}
18+
{{ with resources.Get $logoFile -}}
19+
{{ ( . | minify).Content | safeHTML -}}
20+
{{ end -}}
21+
{{ end -}}
22+
</span>
23+
{{- /**/ -}}
24+
</a>
25+
<div class="td-navbar-nav-scroll ms-md-auto" id="main_navbar">
26+
<ul class="navbar-nav">
27+
{{ $p := . -}}
28+
{{ range .Site.Menus.main -}}
29+
<li class="nav-item">
30+
{{ $active := or ($p.IsMenuCurrent "main" .) ($p.HasMenuCurrent "main" .) -}}
31+
{{ $href := "" -}}
32+
{{ with .Page -}}
33+
{{ $active = or $active ( $.IsDescendant .) -}}
34+
{{ $href = .RelPermalink -}}
35+
{{ else -}}
36+
{{ $href = .URL | relLangURL -}}
37+
{{ end -}}
38+
{{ $isExternal := ne $baseURL.Host (urls.Parse .URL).Host -}}
39+
<a {{/**/ -}}
40+
class="nav-link {{- if $active }} active {{- end }}" {{/**/ -}}
41+
href="{{ $href }}"
42+
{{- if $isExternal }} target="_blank" rel="noopener" {{- end -}}
43+
>
44+
{{- .Pre -}}
45+
<span>{{ .Name }}</span>
46+
{{- .Post -}}
47+
</a>
48+
</li>
49+
{{ end -}}
50+
{{ if .Site.Params.versions -}}
51+
<li class="nav-item dropdown d-none d-lg-block">
52+
{{ partial "navbar-version-selector.html" . -}}
53+
</li>
54+
{{ end -}}
55+
{{ if (gt (len .Site.Home.Translations) 0) -}}
56+
<li class="nav-item dropdown d-none d-lg-block">
57+
{{ partial "navbar-lang-selector.html" . -}}
58+
</li>
59+
{{ end -}}
60+
{{ if .Site.Params.ui.showLightDarkModeMenu -}}
61+
<li class="td-light-dark-menu nav-item dropdown">
62+
{{ partial "theme-toggler" . }}
63+
</li>
64+
{{ end -}}
65+
</ul>
66+
</div>
67+
<div class="d-none d-lg-block">
68+
{{ partial "search-input.html" . }}
69+
</div>
70+
</div>
71+
</nav>

0 commit comments

Comments
 (0)