Skip to content
This repository was archived by the owner on Feb 14, 2022. It is now read-only.

Commit a126dd4

Browse files
committed
Update teal
1 parent 83fc6ab commit a126dd4

File tree

12 files changed

+19
-29
lines changed

12 files changed

+19
-29
lines changed

src/components/Header.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ export function TailwindMark({ className }) {
55
<svg className={className} fill="none" viewBox="0 0 55 33">
66
<path fill="#fff" d="M0 0h55v33H0z" />
77
<path
8-
fill="#16BDCA"
8+
fill="#06B6D4"
99
fillRule="evenodd"
1010
d="M27.5 0c-7.333 0-11.917 3.667-13.75 11 2.75-3.667 5.958-5.042 9.625-4.125 2.092.523 3.587 2.04 5.242 3.72 2.697 2.737 5.817 5.905 12.633 5.905 7.333 0 11.917-3.667 13.75-11-2.75 3.667-5.958 5.042-9.625 4.125-2.092-.523-3.587-2.04-5.242-3.72C37.436 3.166 34.316 0 27.5 0zM13.75 16.5c-7.333 0-11.917 3.667-13.75 11 2.75-3.667 5.958-5.042 9.625-4.125 2.092.523 3.587 2.04 5.242 3.72C17.564 29.834 20.684 33 27.5 33c7.333 0 11.917-3.667 13.75-11-2.75 3.667-5.958 5.042-9.625 4.125-2.092-.523-3.587-2.04-5.242-3.72-2.697-2.738-5.817-5.905-12.633-5.905z"
1111
clipRule="evenodd"
@@ -18,7 +18,7 @@ export function TailwindLogo({ className }) {
1818
return (
1919
<svg className={className} fill="none" viewBox="0 0 285 33">
2020
<path
21-
fill="#16BDCA"
21+
fill="#06B6D4"
2222
fillRule="evenodd"
2323
d="M27.5 0c-7.333 0-11.917 3.667-13.75 11 2.75-3.667 5.958-5.042 9.625-4.125 2.092.523 3.587 2.04 5.242 3.72 2.697 2.737 5.817 5.905 12.633 5.905 7.333 0 11.917-3.667 13.75-11-2.75 3.667-5.958 5.042-9.625 4.125-2.092-.523-3.587-2.04-5.242-3.72C37.436 3.166 34.316 0 27.5 0zM13.75 16.5c-7.333 0-11.917 3.667-13.75 11 2.75-3.667 5.958-5.042 9.625-4.125 2.092.523 3.587 2.04 5.242 3.72C17.564 29.834 20.684 33 27.5 33c7.333 0 11.917-3.667 13.75-11-2.75 3.667-5.958 5.042-9.625 4.125-2.092-.523-3.587-2.04-5.242-3.72-2.697-2.738-5.817-5.905-12.633-5.905z"
2424
clipRule="evenodd"
@@ -28,7 +28,7 @@ export function TailwindLogo({ className }) {
2828
d="M80.496 14.692V10.74h-4.712V4.42L71.68 5.636v5.104h-3.496v3.952h3.496v9.12c0 4.94 2.508 6.688 8.816 5.928v-3.686c-3.116.152-4.712.19-4.712-2.242v-9.12h4.712zM98.487 10.74v2.698c-1.444-1.976-3.686-3.192-6.65-3.192-5.168 0-9.462 4.332-9.462 9.994 0 5.624 4.294 9.994 9.462 9.994 2.964 0 5.206-1.216 6.65-3.23v2.736h4.104v-19h-4.104zm-6.004 15.58c-3.42 0-6.004-2.546-6.004-6.08 0-3.534 2.584-6.08 6.004-6.08 3.42 0 6.004 2.546 6.004 6.08 0 3.534-2.584 6.08-6.004 6.08zM109.426 7.89c1.444 0 2.622-1.216 2.622-2.622a2.627 2.627 0 00-2.622-2.622 2.627 2.627 0 00-2.622 2.622c0 1.406 1.178 2.622 2.622 2.622zm-2.052 21.85h4.104v-19h-4.104v19zM116.244 29.74h4.104V2h-4.104v27.74zM147.001 10.74l-3.724 13.11-3.952-13.11h-3.914l-3.99 13.11-3.686-13.11h-4.332l5.966 19h4.028l3.99-12.806 3.952 12.806h4.028l5.966-19h-4.332zM156.407 7.89c1.444 0 2.622-1.216 2.622-2.622a2.627 2.627 0 00-2.622-2.622 2.627 2.627 0 00-2.622 2.622c0 1.406 1.178 2.622 2.622 2.622zm-2.052 21.85h4.104v-19h-4.104v19zM173.218 10.246c-2.584 0-4.636.95-5.89 2.926V10.74h-4.104v19h4.104V19.556c0-3.876 2.128-5.472 4.826-5.472 2.584 0 4.256 1.52 4.256 4.408V29.74h4.104V18.074c0-4.94-3.04-7.828-7.296-7.828zM199.981 3.14v10.298c-1.444-1.976-3.686-3.192-6.65-3.192-5.168 0-9.462 4.332-9.462 9.994 0 5.624 4.294 9.994 9.462 9.994 2.964 0 5.206-1.216 6.65-3.23v2.736h4.104V3.14h-4.104zm-6.004 23.18c-3.42 0-6.004-2.546-6.004-6.08 0-3.534 2.584-6.08 6.004-6.08 3.42 0 6.004 2.546 6.004 6.08 0 3.534-2.584 6.08-6.004 6.08z"
2929
/>
3030
<path
31-
fill="#16BDCA"
31+
fill="#06B6D4"
3232
d="M221.249 19.884c1.113-.895 1.792-2.172 1.792-3.8 0-3.177-2.579-5.349-5.783-5.349h-7.493V29.74h8.063c3.285 0 5.919-2.253 5.919-5.511 0-1.982-.977-3.476-2.498-4.345zm-3.991-5.647c1.195 0 2.036.896 2.036 2.09 0 1.195-.868 2.091-2.036 2.091h-3.747v-4.18h3.747zm.57 12h-4.317v-4.48h4.317c1.276 0 2.199.951 2.199 2.227 0 1.303-.923 2.254-2.199 2.254zM232.122 26.156V10.735h-3.747V29.74h10.996v-3.584h-7.249zM251.492 30.12c5.484 0 9.882-4.344 9.882-9.883 0-5.565-4.398-9.882-9.882-9.882-5.485 0-9.856 4.317-9.856 9.883 0 5.538 4.371 9.882 9.856 9.882zm0-3.665c-3.448 0-6.136-2.58-6.136-6.217 0-3.666 2.688-6.245 6.136-6.245s6.135 2.58 6.135 6.245c0 3.638-2.687 6.217-6.135 6.217zM284.832 19.532h-9.53v3.312h5.756c-.652 2.172-2.552 3.61-5.539 3.61-3.964 0-6.489-2.66-6.489-6.19 0-3.61 2.607-6.271 6.218-6.271 2.307 0 4.235 1.113 5.104 2.633l3.204-1.846c-1.602-2.606-4.67-4.425-8.281-4.425-5.675 0-9.964 4.398-9.964 9.91 0 5.43 4.235 9.855 10.181 9.855 5.457 0 9.34-3.638 9.34-9.122v-1.466z"
3333
/>
3434
</svg>

src/components/Post.js

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -178,7 +178,7 @@ export default function Post({ meta, children, posts }) {
178178
<dd>
179179
<a
180180
href={`https://twitter.com/${author.twitter}`}
181-
className="text-teal-500 hover:text-teal-600"
181+
className="text-teal-600 hover:text-teal-700"
182182
>
183183
@{author.twitter}
184184
</a>
@@ -202,7 +202,7 @@ export default function Post({ meta, children, posts }) {
202202
Want to talk about this post?{' '}
203203
<a
204204
href={meta.discussion}
205-
className="font-medium text-teal-500 hover:text-teal-600"
205+
className="font-medium text-teal-600 hover:text-teal-700"
206206
>
207207
Discuss this on GitHub &rarr;
208208
</a>
@@ -218,7 +218,7 @@ export default function Post({ meta, children, posts }) {
218218
<h2 className="text-xs leading-5 tracking-wide uppercase text-gray-500">
219219
Next Article
220220
</h2>
221-
<div className="text-teal-500 hover:text-teal-600">
221+
<div className="text-teal-600 hover:text-teal-700">
222222
<Link href={next.link}>
223223
<a>{next.title}</a>
224224
</Link>
@@ -230,7 +230,7 @@ export default function Post({ meta, children, posts }) {
230230
<h2 className="text-xs leading-5 tracking-wide uppercase text-gray-500">
231231
Previous Article
232232
</h2>
233-
<div className="text-teal-500 hover:text-teal-600">
233+
<div className="text-teal-600 hover:text-teal-700">
234234
<Link href={previous.link}>
235235
<a>{previous.title}</a>
236236
</Link>
@@ -241,7 +241,7 @@ export default function Post({ meta, children, posts }) {
241241
)}
242242
<div className="pt-8">
243243
<Link href="/">
244-
<a className="text-teal-500 hover:text-teal-600">&larr; Back to the blog</a>
244+
<a className="text-teal-600 hover:text-teal-700">&larr; Back to the blog</a>
245245
</Link>
246246
</div>
247247
</footer>

src/pages/headless-ui-v1/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Want to try it out?
13-
<a href="https://headlessui.dev" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://headlessui.dev" class="font-medium text-teal-600 hover:text-teal-700">
1414
Visit the Headless UI website →
1515
</a>
1616
</p>

src/pages/heroicons-v1/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Want to start playing with it?
13-
<a href="https://heroicons.com" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://heroicons.com" class="font-medium text-teal-600 hover:text-teal-700">
1414
Visit the Heroicons website →
1515
</a>
1616
</p>

src/pages/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,7 @@ export default function Home() {
6969
<div className="text-base font-medium">
7070
<Link href={link}>
7171
<a
72-
className="text-teal-500 hover:text-teal-600"
72+
className="text-teal-600 hover:text-teal-700"
7373
aria-label={`Read "${meta.title}"`}
7474
>
7575
Read more &rarr;

src/pages/just-in-time-the-next-generation-of-tailwind-css/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Ready to try it out?
13-
<a href="https://github.com/tailwindlabs/tailwindcss-jit" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://github.com/tailwindlabs/tailwindcss-jit" class="font-medium text-teal-600 hover:text-teal-700">
1414
Get started →
1515
</a>
1616
</p>

src/pages/tailwind-ui-now-with-react-and-vue-support/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Want to check it out?
13-
<a href="https://tailwindui.com" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://tailwindui.com" class="font-medium text-teal-600 hover:text-teal-700">
1414
Visit the Tailwind UI website →
1515
</a>
1616
</p>

src/pages/tailwindcss-2-1/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Ready to upgrade?
13-
<a href="https://npmjs.com/tailwindcss" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://npmjs.com/tailwindcss" class="font-medium text-teal-600 hover:text-teal-700">
1414
Get it from npm →
1515
</a>
1616
</p>

src/pages/tailwindcss-from-zero-to-production/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
What are you waiting for?
13-
<a href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://www.youtube.com/watch?v=elgqxmdVms8&list=PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0&index=1" class="font-medium text-teal-600 hover:text-teal-700">
1414
Start watching →
1515
</a>
1616
</p>

src/pages/welcoming-david-luhr-to-tailwind-labs/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ export const meta = {
1010
footer: `
1111
<p>
1212
Want to keep up with David's work?
13-
<a href="https://twitter.com/david_luhr" class="font-medium text-teal-500 hover:text-teal-600">
13+
<a href="https://twitter.com/david_luhr" class="font-medium text-teal-600 hover:text-teal-700">
1414
Follow David on Twitter →
1515
</a>
1616
</p>

src/pages/welcoming-james-mcdonald-to-tailwind-labs/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ export const meta = {
1212
footer: `
1313
<p>
1414
Want to keep up with James' work?
15-
<a href="https://twitter.com/jamesm" class="font-medium text-teal-500 hover:text-teal-600">
15+
<a href="https://twitter.com/jamesm" class="font-medium text-teal-600 hover:text-teal-700">
1616
Follow James on Twitter →
1717
</a>
1818
</p>

tailwind.config.js

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
const defaultTheme = require('tailwindcss/defaultTheme')
2+
const colors = require('tailwindcss/colors')
23
const mdx = require('@mdx-js/mdx')
34

45
module.exports = {
@@ -15,18 +16,7 @@ module.exports = {
1516
sans: ['Inter var', ...defaultTheme.fontFamily.sans],
1617
},
1718
colors: {
18-
teal: {
19-
50: '#edfafa',
20-
100: '#d5f5f6',
21-
200: '#afecef',
22-
300: '#7edce2',
23-
400: '#16bdca',
24-
500: '#0694a2',
25-
600: '#047481',
26-
700: '#036672',
27-
800: '#05505c',
28-
900: '#014451',
29-
},
19+
teal: colors.cyan,
3020
code: {
3121
green: '#b5f4a5',
3222
yellow: '#ffe484',

0 commit comments

Comments
 (0)