colors

fezcode · fezcode · commit e50576635a4e · 2025-11-03T23:02:52.000+03:00
diff --git a/src/components/LogCard.js b/src/components/LogCard.js
@@ -116,7 +116,7 @@ const LogCard = ({ log, index, totalLogs }) => {
         className="group bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-2xl overflow-hidden h-full"
         style={cardStyle}
       >
-        <div className="absolute top-2 right-2 text-lg font-semibold px-2 py-1 rounded-md border overflow-hidden whitespace-nowrap" style={{ color: cardStyle.textColor, borderColor: cardStyle.borderColor }}>
+        <div className="absolute top-2 right-2 text-lg font-semibold px-2 py-1 rounded-md border overflow-hidden whitespace-nowrap" style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)', color: cardStyle.textColor, borderColor: cardStyle.borderColor }}>
           #{totalLogs - index}
         </div>
         <div
diff --git a/src/index.css b/src/index.css
@@ -81,6 +81,18 @@ code {
   --fzcdx-spanner: #e89b5d;
 }
 
+.codex-color {
+  color: #ff8fab !important; /* Placeholder color for 'codex' */
+}
+
+.separator-color {
+  color: #f4acb7 !important; /* Placeholder color for '::' */
+}
+
+.logs-color {
+  color: #bc4749 !important; /* Placeholder color for 'logs' */
+}
+
 @media (max-width: 768px) {
   body {
     font-family: serif !important;
diff --git a/src/pages/LogsPage.js b/src/pages/LogsPage.js
@@ -109,8 +109,10 @@ const LogsPage = () => {
         >
           <ArrowLeftIcon size={24} /> Back to Home
         </Link>
-                <h1 className="text-4xl font-bold tracking-tight text-primary-400 sm:text-6xl mb-4 flex items-center">
-                  Logs
+                <h1 className="text-4xl font-bold tracking-tight sm:text-6xl mb-4 flex items-center">
+                  <span className="codex-color">codex</span>
+                  <span className="separator-color">::</span>
+                  <span className="logs-color">logs</span>
                 </h1>
                 <div
                   className="relative flex justify-center items-center w-full cursor-pointer"

Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ const LogCard = ({ log, index, totalLogs }) => {`
`116`	`116`	`className="group bg-transparent border rounded-lg shadow-lg p-6 flex flex-col justify-between relative transform transition-all duration-300 ease-in-out hover:scale-105 hover:shadow-2xl overflow-hidden h-full"`
`117`	`117`	`style={cardStyle}`
`118`	`118`	`>`
`119`		`- <div className="absolute top-2 right-2 text-lg font-semibold px-2 py-1 rounded-md border overflow-hidden whitespace-nowrap" style={{ color: cardStyle.textColor, borderColor: cardStyle.borderColor }}>`
	`119`	`+ <div className="absolute top-2 right-2 text-lg font-semibold px-2 py-1 rounded-md border overflow-hidden whitespace-nowrap" style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)', color: cardStyle.textColor, borderColor: cardStyle.borderColor }}>`
`120`	`120`	`#{totalLogs - index}`
`121`	`121`	`</div>`
`122`	`122`	`<div`