Skip to content

Commit 01a7ad2

Browse files
Update Netwrix branding colors and logo
- Update logo from red (#D9272E) to Nightwatch (#1A1536) - Update primary color scheme to Beacon Green (#41F27C) - Update navbar background to Nightwatch (#1A1536) - Update all color references in light and dark modes Note: favicon.ico will need to be manually replaced with new "n" logo Co-authored-by: Jordan Violet <jtviolet@users.noreply.github.com>
1 parent 96c1d9b commit 01a7ad2

File tree

2 files changed

+22
-19
lines changed

2 files changed

+22
-19
lines changed

src/css/custom.css

Lines changed: 21 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -6,28 +6,31 @@
66

77
/* You can override the default Infima variables here. */
88
:root {
9-
--ifm-color-primary: #2a5298;
10-
--ifm-color-primary-dark: #254a89;
11-
--ifm-color-primary-darker: #234582;
12-
--ifm-color-primary-darkest: #1c376b;
13-
--ifm-color-primary-light: #2f5aa7;
14-
--ifm-color-primary-lighter: #325fae;
15-
--ifm-color-primary-lightest: #4169c4;
9+
--ifm-color-primary: #41F27C;
10+
--ifm-color-primary-dark: #34C263;
11+
--ifm-color-primary-darker: #2FB758;
12+
--ifm-color-primary-darkest: #27914A;
13+
--ifm-color-primary-light: #67F596;
14+
--ifm-color-primary-lighter: #7DF6A4;
15+
--ifm-color-primary-lightest: #B3FAC8;
1616
--ifm-code-font-size: 95%;
1717
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
1818
--ifm-font-family-base: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
19+
--ifm-navbar-background-color: #1A1536;
20+
--ifm-navbar-link-color: #ffffff;
1921
}
2022

2123
/* For readability concerns, you should choose a lighter palette in dark mode. */
2224
[data-theme='dark'] {
23-
--ifm-color-primary: #4d7fd8;
24-
--ifm-color-primary-dark: #3770d3;
25-
--ifm-color-primary-darker: #2d66d0;
26-
--ifm-color-primary-darkest: #1e4fac;
27-
--ifm-color-primary-light: #638edd;
28-
--ifm-color-primary-lighter: #6d97e0;
29-
--ifm-color-primary-lightest: #8eafe8;
25+
--ifm-color-primary: #67F596;
26+
--ifm-color-primary-dark: #41F27C;
27+
--ifm-color-primary-darker: #34C263;
28+
--ifm-color-primary-darkest: #2FB758;
29+
--ifm-color-primary-light: #7DF6A4;
30+
--ifm-color-primary-lighter: #8DF7B0;
31+
--ifm-color-primary-lightest: #B3FAC8;
3032
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
33+
--ifm-navbar-background-color: #1A1536;
3134
}
3235

3336
/* Additional custom styles */
@@ -99,7 +102,7 @@ html {
99102
.navbar-item-latest {
100103
font-weight: 600 !important;
101104
color: var(--ifm-color-primary-darkest) !important;
102-
background: linear-gradient(90deg, rgba(42, 82, 152, 0.08), rgba(42, 82, 152, 0.03));
105+
background: linear-gradient(90deg, rgba(65, 242, 124, 0.08), rgba(65, 242, 124, 0.03));
103106
border-left: 3px solid var(--ifm-color-primary);
104107
padding-left: 12px !important;
105108
margin: 2px 0;
@@ -127,14 +130,14 @@ html {
127130
.navbar-item-legacy:hover {
128131
color: var(--ifm-color-primary) !important;
129132
opacity: 1;
130-
background: rgba(42, 82, 152, 0.05);
133+
background: rgba(65, 242, 124, 0.05);
131134
border-radius: 4px;
132135
}
133136

134137
/* Dark mode adjustments */
135138
[data-theme='dark'] .navbar-item-latest {
136139
color: var(--ifm-color-primary-lightest) !important;
137-
background: linear-gradient(90deg, rgba(77, 127, 216, 0.1), rgba(77, 127, 216, 0.04));
140+
background: linear-gradient(90deg, rgba(103, 245, 150, 0.1), rgba(103, 245, 150, 0.04));
138141
border-left-color: var(--ifm-color-primary-light);
139142
}
140143

@@ -144,7 +147,7 @@ html {
144147

145148
[data-theme='dark'] .navbar-item-legacy:hover {
146149
color: var(--ifm-color-primary-light) !important;
147-
background: rgba(77, 127, 216, 0.08);
150+
background: rgba(103, 245, 150, 0.08);
148151
}
149152

150153
/* Product grouping visual separation */

static/branding/logo-red.svg

Lines changed: 1 addition & 1 deletion
Loading

0 commit comments

Comments
 (0)