small color changes

frontend/src/components/container/TagListFrame.js

@@ -12,7 +12,7 @@ export function LinkTag({ data }) {
     return (
         <Link
             to={data.href}
-            className="w-28 text-center truncate whitespace-nowrap cursor-pointer text-sm px-2 py-1 border border-bordercol rounded bg-grey-725 hover:bg-indigo-200 hover:border-indigo-300 dark:hover:bg-indigo-600 dark:hover:border-transparent">
+            className="w-28 tag text-center hover:bg-indigo-200 hover:border-indigo-300 dark:hover:bg-indigo-600 dark:hover:border-transparent">
             {t(data.text)}
         </Link>
     );

frontend/src/components/input/TagDropdown.js

@@ -18,7 +18,7 @@ function Tag({ title, onClick }) {
             }`}>
             {title}
             <span
-                className={`relative ml-3 rounded-full w-5 h-5 hover:bg-red-700 dark:hover:bg-red-800`}
+                className={`relative ml-3 rounded-full w-[1.1rem] h-[1.1rem] hover:bg-red-700 dark:hover:bg-red-800`}
                 onMouseOver={() => setHovered(true)}
                 onMouseLeave={() => setHovered(false)}
                 onClick={handleClick}>

frontend/src/components/util/copy/CopyButton.js

@@ -7,7 +7,7 @@ function CopyButton({ text }) {
     };
     return (
         <button
-            className={`relative h-9 w-9 bg-grey-775 rounded-md hover:bg-grey-750 border border-bordercol`}
+            className={`relative h-9 w-9 bg-grey-775 rounded-md hover:bg-grey-750 border border-grey-625`}
             aria-label="Copy"
             onClick={handleCopy}>
             <FontAwesomeIcon

frontend/src/index.css

@@ -96,7 +96,7 @@
         @apply border border-bordercol;
     }
     .tag {
-        @apply whitespace-nowrap cursor-pointer text-sm px-2 py-1 border rounded m-1 bg-grey-725 hover:bg-grey-700 border-grey-625 truncate;
+        @apply whitespace-nowrap cursor-pointer text-sm px-2 py-1 border rounded m-1 bg-grey-750 hover:bg-grey-725 border-grey-625 truncate;
     }
 }
 

frontend/src/pages/problem/ProblemStatement.js

@@ -200,13 +200,13 @@ function ProblemLastSubmissions({ submissions, maxScore }) {
                     {item.verdictType === 2 && (
                         <FontAwesomeIcon
                             icon="fa-check"
-                            className="w-4 h-4 highlight-green mr-2"
+                            className="w-4 h-4 highlight-yellow mr-2"
                         />
                     )}
                     {item.verdictType === 3 && (
                         <FontAwesomeIcon
                             icon="fa-check"
-                            className="w-4 h-4 highlight-yellow mr-2"
+                            className="w-4 h-4 highlight-green mr-2"
                         />
                     )}
                     <span className="truncate">{item.verdictName}</span>