Skip to content

Commit f1b574d

Browse files
gtsiolisgtsiolis
authored
[dashboard] Change font stack, update logo, change menu colors (#3478)
1 parent d6cddf6 commit f1b574d

File tree

4 files changed

+34
-19
lines changed

4 files changed

+34
-19
lines changed

‎components/dashboard/public/gitpod.svg

Lines changed: 8 additions & 8 deletions
Loading

‎components/dashboard/src/components/Menu.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -7,11 +7,11 @@ interface Entry {
77
}
88

99
function MenuItem(entry: Entry) {
10-
let classes = "flex block text-sm font-medium lg:px-3 px-0 py-2 rounded-md";
10+
let classes = "flex block text-sm font-medium lg:px-3 px-0 py-1.5 rounded-md";
1111
if (window.location.pathname.toLowerCase() === entry.link.toLowerCase()) {
1212
classes += " bg-gray-200";
1313
} else {
14-
classes += " text-gray-500 hover:bg-gray-300 ";
14+
classes += " text-gray-600 hover:bg-gray-100 ";
1515
}
1616
return <li key={entry.title}>
1717
{entry.link.startsWith('https://')
@@ -57,7 +57,7 @@ function Menu(props: { left: Entry[], right: Entry[] }) {
5757
{props.right.map(MenuItem)}
5858
</ul>
5959
</nav>
60-
<Link className="lg:ml-4 flex items-center justify-start lg:mb-0 mb-4 pointer-cursor m-l-auto rounded-full border-2 hover:border-gray-400 p-0.5" to="/account">
60+
<Link className="lg:ml-3 flex items-center justify-start lg:mb-0 mb-4 pointer-cursor m-l-auto rounded-full border-2 border-white hover:border-gray-200 p-0.5" to="/account">
6161
<img className="rounded-full w-6 h-6"
6262
src={user?.avatarUrl || ''} alt={user?.name || 'Anonymous'} />
6363
</Link>

‎components/dashboard/src/tailwind.output.css

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -365,7 +365,7 @@ ul {
365365
*/
366366

367367
html {
368-
font-family: Inter, Helvetica, Arial, sans-serif; /* 1 */
368+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; /* 1 */
369369
line-height: 1.5; /* 2 */
370370
}
371371

@@ -12671,7 +12671,7 @@ input[type=text]::placeholder {
1267112671
}
1267212672

1267312673
.font-sans {
12674-
font-family: Inter, Helvetica, Arial, sans-serif !important;
12674+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
1267512675
}
1267612676

1267712677
.font-thin {
@@ -46975,7 +46975,7 @@ input[type=text]::placeholder {
4697546975
}
4697646976

4697746977
.sm\:font-sans {
46978-
font-family: Inter, Helvetica, Arial, sans-serif !important;
46978+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
4697946979
}
4698046980

4698146981
.sm\:font-thin {
@@ -80680,7 +80680,7 @@ input[type=text]::placeholder {
8068080680
}
8068180681

8068280682
.md\:font-sans {
80683-
font-family: Inter, Helvetica, Arial, sans-serif !important;
80683+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
8068480684
}
8068580685

8068680686
.md\:font-thin {
@@ -114385,7 +114385,7 @@ input[type=text]::placeholder {
114385114385
}
114386114386

114387114387
.lg\:font-sans {
114388-
font-family: Inter, Helvetica, Arial, sans-serif !important;
114388+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
114389114389
}
114390114390

114391114391
.lg\:font-thin {
@@ -148090,7 +148090,7 @@ input[type=text]::placeholder {
148090148090
}
148091148091

148092148092
.xl\:font-sans {
148093-
font-family: Inter, Helvetica, Arial, sans-serif !important;
148093+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
148094148094
}
148095148095

148096148096
.xl\:font-thin {
@@ -181795,7 +181795,7 @@ input[type=text]::placeholder {
181795181795
}
181796181796

181797181797
.\32xl\:font-sans {
181798-
font-family: Inter, Helvetica, Arial, sans-serif !important;
181798+
font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
181799181799
}
181800181800

181801181801
.\32xl\:font-thin {

‎components/dashboard/tailwind.config.js

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,22 @@ module.exports = {
3333
},
3434
},
3535
fontFamily: {
36-
'sans': ['Inter', 'Helvetica', 'Arial', 'sans-serif'],
36+
sans: [
37+
'Inter',
38+
'system-ui',
39+
'-apple-system',
40+
'BlinkMacSystemFont',
41+
'Segoe UI',
42+
'Roboto',
43+
'Helvetica Neue',
44+
'Arial',
45+
'Noto Sans',
46+
'sans-serif',
47+
'Apple Color Emoji',
48+
'Segoe UI Emoji',
49+
'Segoe UI Symbol',
50+
'Noto Color Emoji',
51+
],
3752
},
3853
underlineThickness: {
3954
'thin': '2px',

0 commit comments

Comments
 (0)