Skip to content

Commit 5766548

Browse files
fezcodefezcode
committed
v2
1 parent 6f0e3b7 commit 5766548

File tree

7 files changed

+24
-31
lines changed

7 files changed

+24
-31
lines changed

‎public/index.html‎

Lines changed: 4 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -10,34 +10,14 @@
1010
content="Web site created using create-react-app"
1111
/>
1212
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13-
<!--
14-
manifest.json provides metadata used when your web app is installed on a
15-
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16-
-->
1713
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18-
<!--
19-
Notice the use of %PUBLIC_URL% in the tags above.
20-
It will be replaced with the URL of the `public` folder during the build.
21-
Only files inside the `public` folder can be referenced from the HTML.
22-
23-
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24-
work correctly both with client-side routing and a non-root public URL.
25-
Learn how to configure a non-root public URL by running `npm run build`.
26-
-->
14+
<link rel="preconnect" href="https://fonts.googleapis.com">
15+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
2717
<title>React App</title>
2818
</head>
29-
<body class="bg-gray-900">
19+
<body class="bg-gray-950">
3020
<noscript>You need to enable JavaScript to run this app.</noscript>
3121
<div id="root"></div>
32-
<!--
33-
This HTML file is a template.
34-
If you open it directly in the browser, you will see an empty page.
35-
36-
You can add webfonts, meta tags, or analytics to this file.
37-
The build step will place the bundled scripts into the <body> tag.
38-
39-
To begin the development, run `npm start` or `yarn start`.
40-
To create a production bundle, use `npm run build` or `yarn build`.
41-
-->
4222
</body>
4323
</html>

‎src/components/Footer.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Footer = () => {
1212
<p className="mt-4 text-sm text-gray-400">Subscribe to our newsletter to get the latest updates straight to your inbox.</p>
1313
<form className="mt-4 flex gap-2">
1414
<input type="email" placeholder="Enter your email" className="bg-gray-800 text-white px-4 py-2 rounded-md w-full" />
15-
<button type="submit" className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-md transition-colors">Subscribe</button>
15+
<button type="submit" className="bg-teal-500 hover:bg-teal-600 text-white font-bold py-2 px-4 rounded-md transition-colors">Subscribe</button>
1616
</form>
1717
</div>
1818
<div className="md:text-right">

‎src/components/Layout.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import Footer from './Footer';
44

55
const Layout = ({ children }) => {
66
return (
7-
<div className="bg-gray-900 text-white min-h-screen">
7+
<div className="bg-gray-950 text-white min-h-screen font-sans">
88
<Navbar />
99
<main className="flex-grow">
1010
{children}

‎src/components/Navbar.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@ const Navbar = () => {
1111
<div className="flex items-center space-x-6">
1212
<Link to="/" className="text-sm font-medium hover:text-gray-300 transition-colors">Home</Link>
1313
<Link to="/blog" className="text-sm font-medium hover:text-gray-300 transition-colors">Blog</Link>
14-
<button className="bg-blue-500 hover:bg-blue-600 text-white font-bold py-2 px-4 rounded-full transition-colors">
14+
<button className="bg-teal-500 hover:bg-teal-600 text-white font-bold py-2 px-4 rounded-full transition-colors">
1515
Play Latest
1616
</button>
1717
</div>

‎src/components/PostItem.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@ const PostItem = ({ slug }) => {
1616
</Link>
1717
</h2>
1818
</div>
19-
<Link to={`/blog/${slug}`} className="ml-4 flex-shrink-0 text-sm font-medium text-blue-400 hover:text-blue-500 transition-colors">
19+
<Link to={`/blog/${slug}`} className="ml-4 flex-shrink-0 text-sm font-medium text-teal-400 hover:text-teal-500 transition-colors">
2020
Read post &rarr;
2121
</Link>
2222
</div>

‎src/pages/BlogPostPage.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -28,7 +28,7 @@ const BlogPostPage = () => {
2828
return (
2929
<div className="bg-gray-900 py-16 sm:py-24">
3030
<div className="mx-auto max-w-3xl px-6 lg:px-8">
31-
<Link to="/blog" className="text-blue-400 hover:text-blue-500 transition-colors mb-8 block">
31+
<Link to="/blog" className="text-teal-400 hover:text-teal-500 transition-colors mb-8 block">
3232
&larr; Back to Blog
3333
</Link>
3434
<div className="prose prose-xl prose-dark max-w-none">

‎tailwind.config.js‎

Lines changed: 15 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
const defaultTheme = require('tailwindcss/defaultTheme')
2+
13
/** @type {import('tailwindcss').Config} */
24
module.exports = {
35
darkMode: 'class',
@@ -6,14 +8,25 @@ module.exports = {
68
],
79
theme: {
810
extend: {
11+
fontFamily: {
12+
sans: ['Inter', ...defaultTheme.fontFamily.sans],
13+
mono: ['JetBrains Mono', ...defaultTheme.fontFamily.mono],
14+
},
15+
colors: {
16+
teal: {
17+
400: '#2dd4bf',
18+
500: '#14b8a6',
19+
600: '#0d9488',
20+
},
21+
},
922
typography: (theme) => ({
1023
dark: {
1124
css: {
1225
color: theme('colors.gray.300'),
1326
a: {
14-
color: theme('colors.blue.400'),
27+
color: theme('colors.teal.400'),
1528
'&:hover': {
16-
color: theme('colors.blue.600'),
29+
color: theme('colors.teal.600'),
1730
},
1831
},
1932

0 commit comments

Comments
 (0)