Unify colors

petrkucerak · Feb 14, 2024 · b9149f4 · b9149f4
1 parent 7232e89
commit b9149f4
Show file tree

Hide file tree

Showing 11 changed files with 27 additions and 529 deletions.
diff --git a/components/footer.js b/components/footer.js
@@ -2,15 +2,15 @@ import Link from "next/link";
 
 export default function Footer() {
   return (
-    <footer className=" py-6 border-t-violet-light border-t mx-4 flex flex-row justify-between">
+    <footer className=" py-6 border-t-primary-light border-t mx-4 flex flex-row justify-between">
       <Link href={"/"}>
         <img
           src="/icon.svg"
           className="w-8 inline"
           alt="Fialový rozcestník"
           title="Ikona aplikace"
         />{" "}
-        <span className="font-semibold text-violet-light">Adventní cesta</span>
+        <span className="font-semibold text-primary-light">Adventní cesta</span>
       </Link>
       <div>
         <span>

diff --git a/components/meta.js b/components/meta.js
@@ -2,42 +2,14 @@ import Head from "next/head";
 
 const appName = `Adventní cesta`;
 const appDescription = `Tvůj průvodce na cestě Adventem`;
-const mainColor = `#543fb6`;
+const mainColor = `#50A2A7`;
 const appUrl = `https://adventnicesta.cz/`;
 const coverImage = `https://adventnicesta.cz/icon.png`;
 const appAuthor = `Petr Kučera`;
 
 export default function Meta() {
   return (
     <Head>
-      <link
-        rel="apple-touch-icon"
-        sizes="180x180"
-        href="/favicon/apple-touch-icon.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="32x32"
-        href="/favicon/favicon-32x32.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="16x16"
-        href="/favicon/favicon-16x16.png"
-      />
-      <link rel="manifest" href="/manifest.json" />
-      <link
-        rel="mask-icon"
-        href="/favicon/safari-pinned-tab.svg"
-        color={mainColor}
-      />
-      <meta name="msapplication-TileColor" content="#ffc40d" />
-      <meta
-        name="msapplication-TileImage"
-        content="/favicon/mstile-144x144.png"
-      />
       <meta name="theme-color" content={mainColor} />
       <meta
         name="viewport"
@@ -52,38 +24,6 @@ export default function Meta() {
       <meta name="mobile-web-app-capable" content="yes" />
       <meta name="msapplication-config" content="/favicon/browserconfig.xml" />
       <meta name="msapplication-tap-highlight" content="no" />
-      <link
-        rel="apple-touch-icon"
-        sizes="152x152"
-        href="/favicon/touch-icon-ipad.png"
-      />
-      <link
-        rel="apple-touch-icon"
-        sizes="180x180"
-        href="/favicon/touch-icon-iphone-retina.png"
-      />
-      <link
-        rel="apple-touch-icon"
-        sizes="167x167"
-        href="/favicon/touch-icon-ipad-retina.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="32x32"
-        href="/favicon/favicon-32x32.png"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="16x16"
-        href="/favicon/favicon-16x16.png"
-      />
-      <link
-        rel="mask-icon"
-        href="/favicon/safari-pinned-tab.svg"
-        color="#5bbad5"
-      />
       <meta name="twitter:card" content={appDescription} />
       <meta name="twitter:url" content={appUrl} />
       <meta name="twitter:title" content={appName} />

diff --git a/components/utils/button.js b/components/utils/button.js
@@ -4,7 +4,7 @@ export default function Button({ href, content, rel, target }) {
   return (
     <Link
       href={href}
-      className="bg-violet-light rounded text-white px-4 py-2 font-semibold hover:scale-110 duration-200 my-4"
+      className="bg-primary-light rounded text-white px-4 py-2 font-semibold hover:scale-110 duration-200 my-4"
       rel={rel}
       target={target}
     >

diff --git a/components/utils/calendar.js b/components/utils/calendar.js
@@ -29,7 +29,7 @@ function Day({ post }) {
     <Link
       id={post.slug}
       href={`/den/${post.slug}`}
-      className="text-lg hover:bg-stone-300 uppercase py-2 px-4 rounded font-semibold text-center duration-200 hover:text-violet-light"
+      className="text-lg hover:bg-stone-300 uppercase py-2 px-4 rounded font-semibold text-center duration-200 hover:text-primary-light"
     >
       {`${date.getDate()}. `}
     </Link>

diff --git a/components/utils/nav-buttons.js b/components/utils/nav-buttons.js
@@ -34,13 +34,13 @@ export default function NavButtons({ posts }) {
   return (
     <div className="mx-6 flex flex-row justify-around mt-6">
       <Link href={`/den/${yesterdayDate}`} className={yesterdayStatus}>
-        <Button className={"bg-violet-light"}>včera</Button>
+        <Button className={"bg-primary-light"}>včera</Button>
       </Link>
       <Link href={`/den/${nowDate}`} className={nowStatus}>
-        <Button className={"bg-violet-dark"}>dnes</Button>
+        <Button className={"bg-primary-dark"}>dnes</Button>
       </Link>
       <Link href={`/den/${tomorrowDate}`} className={tomorrowStatus}>
-        <Button className={"bg-violet-light"}>zítra</Button>
+        <Button className={"bg-primary-light"}>zítra</Button>
       </Link>
     </div>
   );

diff --git a/pages/den/[slug].js b/pages/den/[slug].js
@@ -28,7 +28,7 @@ export default function Post({ post, preview }) {
           <h1 className="text-4xl font-bold mb-4">{post.dayName}</h1>
           <RenderDate
             dateString={post.date}
-            className="font-bold text-xl text-violet-light"
+            className="font-bold text-xl text-primary-light"
           />
           <h2 className={`${titleClass} text-2xl font-bold mt-8`}>Podcast</h2>
           <p className={`${textClass} text-lg mb-4 italic`}>