Skip to content
This repository was archived by the owner on Apr 7, 2025. It is now read-only.

Commit 1d62ea5

Browse files
LizBakerLizBaker
committed
feat: Update typography and colors
1 parent 6fb45d8 commit 1d62ea5

35 files changed

+3347
-2977
lines changed

‎gatsby-config.js

+1-17
Original file line numberDiff line numberDiff line change
@@ -134,7 +134,7 @@ module.exports = {
134134
background_color: `#007e8a`,
135135
theme_color: `#007e8a`,
136136
display: `minimal-ui`,
137-
icon: `src/images/icon.png`, // This path is relative to the root of the site.
137+
icon: `src/images/favicon.png`, // This path is relative to the root of the site.
138138
},
139139
},
140140
{
@@ -185,21 +185,5 @@ module.exports = {
185185
allPageHeaders: ['Referrer-Policy: no-referrer-when-downgrade'],
186186
},
187187
},
188-
189-
{
190-
resolve: `gatsby-build-newrelic`,
191-
options: {
192-
NR_LICENSE_KEY: process.env.NEW_RELIC_LICENSE_KEY,
193-
NR_ACCOUNT_ID: process.env.NEW_RELIC_ACCOUNT_ID,
194-
SITE_NAME: 'opensource.newrelic.com',
195-
collectTraces: true,
196-
collectLogs: true,
197-
collectMetrics: true,
198-
staging: true,
199-
customTags: {
200-
featureFlag: process.env.FEATURE_FLAG,
201-
},
202-
},
203-
},
204188
],
205189
};

‎package.json

+2-4
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,11 @@
99
"@emotion/styled": "^11.3.0",
1010
"@mdx-js/mdx": "^1.6.22",
1111
"@mdx-js/react": "^1.6.22",
12-
"@newrelic/gatsby-theme-newrelic": "^5.0.1",
12+
"@newrelic/gatsby-theme-newrelic": "6.0.0",
1313
"@splitsoftware/splitio-react": "^1.2.4",
1414
"date-fns": "^2.17.0",
1515
"feather-icons": "^4.28.0",
1616
"gatsby": "^3.8.0",
17-
"gatsby-build-newrelic": "1.1.16",
1817
"gatsby-image": "^3.8.0",
1918
"gatsby-plugin-gatsby-cloud": "^3.0.0",
2019
"gatsby-plugin-manifest": "^3.8.0",
@@ -78,8 +77,7 @@
7877
"test:watch": "yarn test -- --watch",
7978
"test:update": "yarn test -- --update-snapshot",
8079
"eslint-check": "eslint src/ gatsby/",
81-
"eslint-fix": "eslint src/ gatsby/ --fix",
82-
"gatsby build": "--open-tracing-config-file ./node_modules/gatsby-build-newrelic/zipkin-local.js --graphql-tracing"
80+
"eslint-fix": "eslint src/ gatsby/ --fix"
8381
},
8482
"repository": {
8583
"type": "git",

‎src/@newrelic/gatsby-theme-newrelic/components/Logo.js

+83-26
Original file line numberDiff line numberDiff line change
@@ -2,52 +2,109 @@ import React from 'react';
22
import PropTypes from 'prop-types';
33
import { css } from '@emotion/react';
44

5-
const Logo = ({ className, width }) => (
5+
const Logo = ({ className, height }) => (
66
<svg
7-
viewBox="0 0 420 100"
7+
id="Layer_1"
8+
data-name="Layer 1"
89
xmlns="http://www.w3.org/2000/svg"
10+
viewBox="0 0 497.59 98.51"
911
className={className}
12+
height={height || '44px'}
1013
css={css`
11-
width: ${width || '247px'};
12-
13-
.dark-mode & {
14-
fill: var(--color-white);
14+
.hexagon {
15+
fill: var(--system-text-primary-light);
16+
}
17+
.text-color {
18+
fill: #1d252c;
19+
.dark-mode & {
20+
fill: #dddedf;
21+
}
22+
}
23+
.symbol,
24+
.circle {
25+
fill: none;
26+
stroke: #1ce783;
27+
stroke-width: 4px;
28+
}
29+
.symbol {
30+
stroke-miterlimit: 8;
31+
}
32+
.circle {
33+
stroke-linecap: round;
34+
stroke-linejoin: round;
1535
}
1636
`}
1737
>
18-
<path d="M88.05,39.7q0-7.35,3.51-11.4t9.78-4.05q6.25,0,9.77,4.05t3.51,11.4v8.42q0,7.56-3.51,11.5t-9.77,4q-6.27,0-9.78-4t-3.51-11.5Zm13.29,19.65a7.59,7.59,0,0,0,6.56-3q2.19-3,2.19-8.56V40a14.53,14.53,0,0,0-2.19-8.37,8.36,8.36,0,0,0-13.12,0A14.53,14.53,0,0,0,92.59,40V47.8q0,5.56,2.19,8.56A7.57,7.57,0,0,0,101.34,59.35Z" />
19-
<path d="M124.87,73.61h-4.21V36h4.21v4.21h.65a9.25,9.25,0,0,1,3.89-3.7,11.61,11.61,0,0,1,5.4-1.27,12.14,12.14,0,0,1,4.69.92,11.69,11.69,0,0,1,3.92,2.64,12.77,12.77,0,0,1,2.7,4.27,15.6,15.6,0,0,1,1,5.78V50a16.42,16.42,0,0,1-1,5.83,12.28,12.28,0,0,1-2.68,4.27,11.32,11.32,0,0,1-4,2.62,13.07,13.07,0,0,1-4.8.89,12.17,12.17,0,0,1-2.65-.3,10.43,10.43,0,0,1-2.56-.92,11,11,0,0,1-2.24-1.51,8.17,8.17,0,0,1-1.73-2.13h-.65Zm9-14a9.19,9.19,0,0,0,3.57-.67A8.45,8.45,0,0,0,140.23,57a8.66,8.66,0,0,0,1.89-3,11.13,11.13,0,0,0,.68-4V48.88a10.86,10.86,0,0,0-.68-3.92,9,9,0,0,0-1.89-3,8.51,8.51,0,0,0-2.86-2,8.91,8.91,0,0,0-3.54-.7,8.5,8.5,0,0,0-3.5.72,9,9,0,0,0-2.84,2,9.49,9.49,0,0,0-1.92,3.11,10.77,10.77,0,0,0-.7,4v.65a11,11,0,0,0,.7,4,9.55,9.55,0,0,0,1.92,3.1,8.52,8.52,0,0,0,6.34,2.7Z" />
20-
<path d="M156.37,50.71a9.5,9.5,0,0,0,2.48,6.43,8.54,8.54,0,0,0,6.48,2.43,11.24,11.24,0,0,0,3.3-.43A7.92,7.92,0,0,0,171,58a6.38,6.38,0,0,0,1.62-1.75,10.19,10.19,0,0,0,1-2.14l4,1.08a11.81,11.81,0,0,1-4.18,6.08,13.2,13.2,0,0,1-8.24,2.35,13.69,13.69,0,0,1-5.26-1,11.82,11.82,0,0,1-4.13-2.84,13.2,13.2,0,0,1-2.7-4.37,15.57,15.57,0,0,1-1-5.62V48.45a13.55,13.55,0,0,1,1-5.24A12.33,12.33,0,0,1,155.94,39a13,13,0,0,1,4.18-2.75,13.36,13.36,0,0,1,5.21-1A12.39,12.39,0,0,1,175,39.48a12.41,12.41,0,0,1,3,7.78v3.45Zm9-11.44a9.49,9.49,0,0,0-3.32.56,8.45,8.45,0,0,0-4.59,4,8.92,8.92,0,0,0-.94,3h17.28A7.68,7.68,0,0,0,171,41.32a8.66,8.66,0,0,0-2.65-1.51A8.83,8.83,0,0,0,165.33,39.27Z" />
21-
<path d="M188.71,62.81H184.5V36h4.21v4.53h.65q2.49-5.3,8.64-5.29a9.73,9.73,0,0,1,7.4,2.89c1.84,1.93,2.76,4.81,2.76,8.67v16h-4.22V47.69c0-2.81-.63-4.91-1.89-6.32a6.56,6.56,0,0,0-5.13-2.1,7.42,7.42,0,0,0-6,2.62,10.52,10.52,0,0,0-2.19,7Z" />
22-
<path d="M253,35.92a7,7,0,0,0-.72-3.24,6.65,6.65,0,0,0-2-2.32A9.1,9.1,0,0,0,247.41,29a11.89,11.89,0,0,0-3.4-.48,10.71,10.71,0,0,0-3,.4A8.76,8.76,0,0,0,238.53,30a5.91,5.91,0,0,0-1.76,1.87,5,5,0,0,0-.64,2.56v.32a5.24,5.24,0,0,0,.64,2.68,5.61,5.61,0,0,0,1.92,1.89,12.08,12.08,0,0,0,3.16,1.29,37.11,37.11,0,0,0,4.43.89q5.94.93,8.75,3.49a8.86,8.86,0,0,1,2.8,6.88v.65A11.57,11.57,0,0,1,257,57a9.37,9.37,0,0,1-2.49,3.48,11.52,11.52,0,0,1-4.07,2.27,19.87,19.87,0,0,1-12-.25,12.93,12.93,0,0,1-4.64-2.91,12.51,12.51,0,0,1-2.84-4.38,15,15,0,0,1-1-5.48V48.12h4.54v1.3q0,5,2.72,7.45c1.82,1.66,4.35,2.48,7.59,2.48,2.81,0,4.92-.62,6.35-1.86a6.24,6.24,0,0,0,2.13-4.94v-.32a5.25,5.25,0,0,0-2.19-4.54c-1.46-1-3.82-1.8-7.1-2.27a26.9,26.9,0,0,1-5.16-1.16,13,13,0,0,1-3.91-2,8.55,8.55,0,0,1-2.48-3.05,9.5,9.5,0,0,1-.87-4.21V34.3a8.93,8.93,0,0,1,.92-4,9.81,9.81,0,0,1,2.56-3.19A11.89,11.89,0,0,1,239,25a16.77,16.77,0,0,1,5-.73,16.54,16.54,0,0,1,5.7.92A12.83,12.83,0,0,1,254,27.63a10.05,10.05,0,0,1,2.62,3.62,10.94,10.94,0,0,1,.89,4.34v2.27H253Z" />
23-
<path d="M289.46,49.74a14.87,14.87,0,0,1-1.1,5.91A12.93,12.93,0,0,1,285.41,60a12.33,12.33,0,0,1-4.29,2.67,14.68,14.68,0,0,1-10.23,0A12.44,12.44,0,0,1,266.62,60a13.06,13.06,0,0,1-2.94-4.33,14.7,14.7,0,0,1-1.11-5.91v-.65a14.6,14.6,0,0,1,1.11-5.85,13.22,13.22,0,0,1,3-4.35,12.48,12.48,0,0,1,4.29-2.7,14.46,14.46,0,0,1,10.15,0,12.62,12.62,0,0,1,4.3,2.7,13.22,13.22,0,0,1,3,4.35,14.78,14.78,0,0,1,1.1,5.85ZM276,59.57a9.4,9.4,0,0,0,3.59-.67,8.29,8.29,0,0,0,2.89-2,9.33,9.33,0,0,0,1.94-3.1,11.19,11.19,0,0,0,.7-4.08v-.65a10.77,10.77,0,0,0-.7-4A9.37,9.37,0,0,0,282.5,42a9.07,9.07,0,0,0-2.92-2,9.19,9.19,0,0,0-7.13,0,9,9,0,0,0-2.91,2,9.24,9.24,0,0,0-2,3.11,10.77,10.77,0,0,0-.7,4v.65a11.19,11.19,0,0,0,.7,4.08,9.19,9.19,0,0,0,2,3.1,8.2,8.2,0,0,0,2.89,2A9.33,9.33,0,0,0,276,59.57Z" />
24-
<path d="M314.74,36H319V62.81h-4.21V58h-.65a10.88,10.88,0,0,1-3.4,4.1,8.93,8.93,0,0,1-5.35,1.52,11.2,11.2,0,0,1-4.07-.73,8.44,8.44,0,0,1-3.19-2.19A10,10,0,0,1,296,57a15.58,15.58,0,0,1-.73-5V36h4.21V51.47q0,4.22,1.73,6.16a6.74,6.74,0,0,0,5.29,1.94,7.41,7.41,0,0,0,6-2.62,10.54,10.54,0,0,0,2.19-7Z" />
25-
<path d="M325.08,36h9.72v3.56h.64a7,7,0,0,1,2.92-3.27,8.75,8.75,0,0,1,4.32-1,8.51,8.51,0,0,1,6.53,2.65q2.49,2.64,2.65,7.72l-4.43.65q0-3.74-1.78-5.38a6.24,6.24,0,0,0-4.37-1.64,6.07,6.07,0,0,0-2.89.64,5.91,5.91,0,0,0-2,1.79,7.78,7.78,0,0,0-1.19,2.64,13.45,13.45,0,0,0-.37,3.24V58.92h6.8v3.89H324.43V58.92h6.15v-19h-5.5Z" />
26-
<path d="M383.18,53.31a13.67,13.67,0,0,1-1.48,4.1,11.54,11.54,0,0,1-6.45,5.4,14.62,14.62,0,0,1-4.81.76,15.46,15.46,0,0,1-5.32-.92,12.57,12.57,0,0,1-7.4-7,14.57,14.57,0,0,1-1.1-5.83V49.2a14.85,14.85,0,0,1,1.1-5.83,12.79,12.79,0,0,1,3-4.37,13.44,13.44,0,0,1,4.4-2.76,14.6,14.6,0,0,1,5.32-1,14,14,0,0,1,4.7.76A12,12,0,0,1,379,38.16a11.86,11.86,0,0,1,2.7,3.27,13,13,0,0,1,1.43,4.1l-4.21,1a8.64,8.64,0,0,0-.79-2.72,7.6,7.6,0,0,0-1.67-2.33,8,8,0,0,0-2.57-1.59,9.49,9.49,0,0,0-3.51-.59,9.22,9.22,0,0,0-8.66,5.94,10.61,10.61,0,0,0-.73,4v.65a10.79,10.79,0,0,0,.73,4.08,8.65,8.65,0,0,0,2,3,9.05,9.05,0,0,0,3,1.92,10.21,10.21,0,0,0,3.73.67,9,9,0,0,0,3.48-.62,8.13,8.13,0,0,0,2.54-1.62,7.92,7.92,0,0,0,1.68-2.3,9.5,9.5,0,0,0,.83-2.7Z" />
27-
<path d="M392.4,50.71a9.5,9.5,0,0,0,2.49,6.43,8.51,8.51,0,0,0,6.48,2.43,11.17,11.17,0,0,0,3.29-.43,7.7,7.7,0,0,0,2.4-1.19,6.38,6.38,0,0,0,1.62-1.75,9.72,9.72,0,0,0,1-2.14l4,1.08a11.83,11.83,0,0,1-4.19,6.08,13.19,13.19,0,0,1-8.23,2.35,13.7,13.7,0,0,1-5.27-1,11.82,11.82,0,0,1-4.13-2.84,13.2,13.2,0,0,1-2.7-4.37,15.57,15.57,0,0,1-1-5.62V48.45a13.55,13.55,0,0,1,1-5.24A12.48,12.48,0,0,1,392,39a13,13,0,0,1,4.19-2.75,13.33,13.33,0,0,1,5.21-1,12.47,12.47,0,0,1,5.69,1.22,12.63,12.63,0,0,1,3.95,3,12.47,12.47,0,0,1,3,7.78v3.45Zm9-11.44a9.45,9.45,0,0,0-3.32.56,8.3,8.3,0,0,0-2.7,1.6,8.17,8.17,0,0,0-1.89,2.4,8.71,8.71,0,0,0-.95,3h17.28a7.7,7.7,0,0,0-.84-3.14,7.56,7.56,0,0,0-1.89-2.37,8.61,8.61,0,0,0-2.64-1.51A8.87,8.87,0,0,0,401.37,39.27Z" />
2838
<path
29-
fill="#66e6a8"
30-
d="M51.29,56.09,46.45,53.3a15.69,15.69,0,0,0,1.78-11.19l0-.23L51,41.32l2.6-.76.07.24a21.32,21.32,0,0,1-2.38,15.29Z"
39+
className="hexagon"
40+
d="M84.9,85.31,129.1,60l44.19,25.33v47.85L129.1,158.49,84.9,133.16Z"
41+
transform="translate(-84.9 -59.98)"
42+
/>
43+
<polygon
44+
className="symbol"
45+
points="25.55 38.53 25.55 59.99 44.32 70.78 62.83 59.99 62.83 38.53 44.32 27.73 25.55 38.53"
46+
/>
47+
<line className="symbol" x1="25.55" y1="38.53" x2="38.38" y2="45.91" />
48+
<line className="symbol" x1="62.83" y1="59.99" x2="50" y2="52.61" />
49+
<line className="symbol" x1="44.32" y1="70.78" x2="44.32" y2="55.96" />
50+
<line className="symbol" x1="44.32" y1="42.55" x2="44.32" y2="27.73" />
51+
<circle className="circle" cx="44.19" cy="49.26" r="6.71" />
52+
<path
53+
className="text-color"
54+
d="M222.13,84.23c12.59,0,21.77,10.12,21.77,24.79s-9.18,24.78-21.77,24.78S200.29,123.69,200.29,109,209.54,84.23,222.13,84.23Zm0,5.7c-9,0-15.41,7.7-15.41,19.09s6.37,19.09,15.41,19.09,15.41-7.7,15.41-19.09S231.17,89.93,222.13,89.93Z"
55+
transform="translate(-84.9 -59.98)"
56+
/>
57+
<path
58+
className="text-color"
59+
d="M257.5,128v17.14h-6V98h6v5.09a12.39,12.39,0,0,1,10.85-5.76c9.71,0,15.27,8.24,15.27,18.22s-5.56,18.22-15.27,18.22A12.28,12.28,0,0,1,257.5,128Zm-.14-11.12c0,8,5,11.65,9.92,11.65,6.56,0,10.24-5.42,10.24-12.93s-3.68-12.92-10.24-12.92c-5,0-9.92,3.55-9.92,11.72Z"
60+
transform="translate(-84.9 -59.98)"
61+
/>
62+
<path
63+
className="text-color"
64+
d="M288.84,115.58c0-10.45,6.63-18.22,16.15-18.22,9.78,0,14.93,7.44,14.93,17.15v2H294.6c.34,7.37,4.56,12.06,10.65,12.06,4.69,0,8-2.55,9.11-6.7l5.3,1.88c-2.15,6.23-7.44,10-14.41,10C295.54,133.8,288.84,126.37,288.84,115.58Zm6.1-3.68h18.89c-.14-5-2.82-9.38-8.91-9.38C299.83,102.52,296,105.94,294.94,111.9Z"
65+
transform="translate(-84.9 -59.98)"
66+
/>
67+
<path
68+
className="text-color"
69+
d="M327.42,98h6v4.76a12.48,12.48,0,0,1,10.45-5.43c7.44,0,11.66,5.16,11.66,12.6v23.11h-6V111.56c0-4.89-2.08-8.57-7.3-8.57a8.81,8.81,0,0,0-8.78,9.18v20.9h-6Z"
70+
transform="translate(-84.9 -59.98)"
71+
/>
72+
<path
73+
className="text-color"
74+
d="M379.6,119.13a16.32,16.32,0,0,0,14.67,9.11c6.23,0,11.06-3.08,11.06-8.57,0-5.83-5.56-6.83-12.86-8.57-7.57-1.81-15.08-3.89-15.08-12.93,0-8.44,7.31-13.94,16.42-13.94,8.37,0,14.4,4,17.28,9.45l-4.89,3.88c-2.48-4.62-6.3-7.77-12.53-7.77-5.83,0-10.05,3.22-10.05,7.84,0,5.09,4.49,6.16,11.26,7.77,8,1.88,16.74,3.55,16.74,13.73,0,9-8,14.67-17.48,14.67-8.31,0-16.28-4.15-19.56-10.65Z"
75+
transform="translate(-84.9 -59.98)"
76+
/>
77+
<path
78+
className="text-color"
79+
d="M432.52,133.8c-9.58,0-16.28-7.36-16.28-18.22s6.7-18.22,16.28-18.22,16.28,7.37,16.28,18.22S442.1,133.8,432.52,133.8Zm0-5.15c6.16,0,10.18-5.1,10.18-13.07s-4-13.13-10.18-13.13-10.18,5.1-10.18,13.13S426.36,128.65,432.52,128.65Z"
80+
transform="translate(-84.9 -59.98)"
81+
/>
82+
<path
83+
className="text-color"
84+
d="M484.23,133.07h-6v-4.83a12.26,12.26,0,0,1-10.38,5.56c-7.5,0-11.72-5.15-11.72-12.59V98h6v21.91c0,5,2.14,8.3,7.3,8.3a8.75,8.75,0,0,0,8.77-9.11V98h6Z"
85+
transform="translate(-84.9 -59.98)"
3186
/>
3287
<path
33-
fill="#fda032"
34-
d="M46.43,37.42a15.82,15.82,0,0,0-8.94-7.15l1.69-5.33a21.36,21.36,0,0,1,12.08,9.67Z"
88+
className="text-color"
89+
d="M512.36,104a13.12,13.12,0,0,0-2.94-.27c-5.09,0-9.18,4-9.18,10.18v19.16h-6V98h6v6A10.25,10.25,0,0,1,510,97.77a21.79,21.79,0,0,1,2.41.13Z"
90+
transform="translate(-84.9 -59.98)"
3591
/>
3692
<path
37-
fill="#0ab0bf"
38-
d="M23.45,32.55a15.74,15.74,0,0,1,5.9-2.64,15.13,15.13,0,0,1,3.34-.37V24a21.36,21.36,0,0,0-14.41,5.61Z"
93+
className="text-color"
94+
d="M533.13,128.51c4.82,0,7.7-3.08,8.71-7.43l5.36,2.47c-1.68,5.83-6.77,10.25-14.07,10.25-9.78,0-16.55-7.43-16.55-18.22s6.77-18.22,16.55-18.22c7.3,0,12.26,4.22,13.93,10L541.84,110c-1-4.28-3.89-7.43-8.71-7.43-6.23,0-10.52,5-10.52,13S526.9,128.51,533.13,128.51Z"
95+
transform="translate(-84.9 -59.98)"
3996
/>
4097
<path
41-
fill="#70ccd3"
42-
d="M43.41,57.09a15.9,15.9,0,0,1-6.68,3.61v5.72c.19,0,.39-.06.58-.11a21.37,21.37,0,0,0,9.87-5.1Z"
98+
className="text-color"
99+
d="M551.41,115.58c0-10.45,6.64-18.22,16.15-18.22,9.78,0,14.94,7.44,14.94,17.15v2H557.17c.34,7.37,4.56,12.06,10.66,12.06,4.68,0,8-2.55,9.11-6.7l5.29,1.88c-2.15,6.23-7.44,10-14.4,10C558.11,133.8,551.41,126.37,551.41,115.58Zm6.1-3.68H576.4c-.13-5-2.81-9.38-8.91-9.38C562.4,102.52,558.58,105.94,557.51,111.9Z"
100+
transform="translate(-84.9 -59.98)"
43101
/>
44-
<path d="M62.81,25.38,37.5,10.77a5.8,5.8,0,0,0-5.46,0L6.73,25.38A5.78,5.78,0,0,0,4,30.11V59.34a5.76,5.76,0,0,0,2.73,4.73L32,78.68a5.75,5.75,0,0,0,5.46,0L62.81,64.07a5.78,5.78,0,0,0,2.73-4.73V30.11A5.78,5.78,0,0,0,62.81,25.38ZM8.73,60.61A1.91,1.91,0,0,1,8,59.34V31.58L32,45.46a1.93,1.93,0,0,1,.73,1.27V74.49Zm52.81-1.27a1.91,1.91,0,0,1-.73,1.27l-24,13.88V46.73A5.81,5.81,0,0,0,34,42L10,28.11,34,14.23a1.66,1.66,0,0,1,.73-.14,1.69,1.69,0,0,1,.73.14L60.81,28.85a1.89,1.89,0,0,1,.73,1.26Z" />
45102
</svg>
46103
);
47104

48105
Logo.propTypes = {
49106
className: PropTypes.string,
50-
width: PropTypes.string,
107+
height: PropTypes.string,
51108
};
52109

53110
export default Logo;

0 commit comments

Comments
 (0)