Fixed hover background for light mode

SELab-2 · May 22, 2024 · 91702c1 · 91702c1
1 parent 8954d71
commit 91702c1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/frontend/src/pages/project/Project.tsx b/frontend/src/pages/project/Project.tsx
@@ -7,7 +7,6 @@ import useCourse from "../../hooks/useCourse"
 import useProject from "../../hooks/useProject"
 import ScoreCard from "./components/ScoreTab"
 import {
-    CalendarOutlined,
     ClockCircleOutlined,
     DeleteOutlined, EyeInvisibleOutlined, EyeOutlined,
     FileDoneOutlined,
@@ -25,7 +24,6 @@ import SubmissionsTab from "./components/SubmissionsTab"
 import MarkdownTextfield from "../../components/input/MarkdownTextfield"
 import useApi from "../../hooks/useApi"
 import i18n from "i18next";
-import useUser from "../../hooks/useUser";
 
 //  dracula, darcula,oneDark,vscDarkPlus  | prism, base16AteliersulphurpoolLight, oneLight
 
@@ -165,6 +163,7 @@ const Project = () => {
 
     return (
         <div style={{ margin: "3rem 0", marginTop: "1rem", width: "100%", paddingBottom: "3rem" }}>
+
             <Card
                 styles={{
                     header: {

diff --git a/frontend/src/styles.css b/frontend/src/styles.css
@@ -260,10 +260,14 @@ html {
 
 .list-item-hover {
   cursor: pointer;
-  transition: background-color 0.3s ease-in-out;
+  transition: background-color 0.15s ease-in-out;
   border-radius: 8px;
 }
 
-.list-item-hover:hover {
-  background-color: #5a5a5a69;
+.dark-theme .list-item-hover:hover {
+  background-color: rgba(255 255 255 / 10%);
+}
+
+.light-theme .list-item-hover:hover {
+  background-color: rgba(0 0 0 / 5%);
 }