Bump Dark Theme

v3xlabs · Jan 2, 2024 · adfad76 · adfad76
1 parent 8dd60f3
commit adfad76
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 8 deletions.
diff --git a/app/globals.css b/app/globals.css
@@ -28,9 +28,16 @@ header {
 .prose h2 {
     font-size: 1.2em;
     font-weight: bold;
-    @apply border-b border-gray-300 pb-1 mt-4 first:mt-0;
+    @apply border-b border-gray-300 dark:border-neutral-700 pb-1 mt-4 first:mt-0;
 }
 
 .link {
     @apply text-blue-500 hover:text-blue-700 hover:underline;
 }
+
+.lborder {
+    @apply border border-gray-300 dark:border-neutral-700;
+}
+.lborder-b {
+    @apply border-b border-gray-300 dark:border-neutral-700;
+}
diff --git a/app/page.tsx b/app/page.tsx
@@ -7,7 +7,7 @@ export default function App() {
     return (
         <div className="mx-auto flex flex-col gap-4 items-center justify-center px-4 md:px-8 pt-8">
             <div className="w-full h-full max-w-4xl space-y-4 font-sans">
-                <div className="border rounded-md prose">
+                <div className="lborder rounded-md prose">
                     <div className="px-6 py-3 flex gap-2">
                         <h1>V3X Labs</h1>
                         <span className="text-neutral-400">

diff --git a/components/sections/contributors/RecentContributors.tsx b/components/sections/contributors/RecentContributors.tsx
@@ -27,7 +27,7 @@ const contributors_a = [
 
 export const RecentContributors = () => {
     return (
-        <div className="border w-full p-4 rounded-md space-y-2">
+        <div className="lborder w-full p-4 rounded-md space-y-2">
             <h2>Recent Contributors</h2>
             <ul className="flex gap-1 flex-wrap">
                 {contributors_a.map((contributor) => (

diff --git a/components/sections/discord/ChatDiscord.tsx b/components/sections/discord/ChatDiscord.tsx
@@ -2,7 +2,7 @@ import { FiExternalLink } from 'react-icons/fi';
 
 export const ChatDiscord = () => {
     return (
-        <div className="w-full border rounded-md p-4 space-y-1">
+        <div className="w-full lborder rounded-md p-4 space-y-1">
             <h2 className="font-bold">
                 Join us on <span className="text-[#8498FB]">Discord</span>
             </h2>

diff --git a/components/sections/projects/Projects.tsx b/components/sections/projects/Projects.tsx
@@ -82,7 +82,7 @@ export const Projects = () => {
                     type: 'web',
                 },
             ].map((entry) => (
-                <div className="w-full border rounded-md prose">
+                <div className="w-full lborder rounded-md prose">
                     <div className="p-4" key={entry.name}>
                         <a
                             href={entry.link}

diff --git a/components/sections/readme/README.tsx b/components/sections/readme/README.tsx
@@ -3,8 +3,8 @@ import { FiBookOpen, FiGithub } from 'react-icons/fi';
 
 export const README = () => {
     return (
-        <div className="w-full border rounded-md prose">
-            <div className="pl-2 border-b flex justify-between">
+        <div className="w-full lborder rounded-md prose">
+            <div className="pl-2 lborder-b flex justify-between">
                 <div className="border-b-2 px-1 font-bold pt-1.5 pb-1 border-orange-400">
                     <button className="flex gap-1.5 items-center hover:bg-slate-50 px-1.5 py-1 rounded-md text-sm">
                         <FiBookOpen />
@@ -79,7 +79,7 @@ export const README = () => {
                     <a
                         href="https://fireeyes.xyz/"
                         target="_blank"
-                        className="p-4 flex items-center justify-center rounded-md bg-white border"
+                        className="p-4 flex items-center justify-center rounded-md bg-white lborder"
                     >
                         <img
                             src="/logos/fireeyes.png"