Kaynağa Gözat

文章颜色

natasha 9 ay önce
ebeveyn
işleme
68d3f193ea

+ 36 - 36
src/views/bookShelf/articleDetail.vue

@@ -626,16 +626,16 @@ export default {
           newWordStar: "#FFB224",
           newWordType: {
             L0: {
-              color: "#5B7217",
-              bg: "#F1FCE3",
+              color: "#FDB600",
+              bg: "#FFF7E4",
             },
             L1: {
-              color: "#3D9A50",
+              color: "#3AB854",
               bg: "#EFFCEF",
             },
             L2: {
-              color: "#0081F1",
-              bg: "#E7F3FF",
+              color: "#00C6F1",
+              bg: "#DFF9FF",
             },
             L3: {
               color: "#3459D2",
@@ -693,16 +693,16 @@ export default {
           newWordStar: "#FFB224",
           newWordType: {
             L0: {
-              color: "#5B7217",
-              bg: "#F1FCE3",
+              color: "#FDB600",
+              bg: "#FFF7E4",
             },
             L1: {
-              color: "#3D9A50",
+              color: "#3AB854",
               bg: "#EFFCEF",
             },
             L2: {
-              color: "#0081F1",
-              bg: "#E7F3FF",
+              color: "#00C6F1",
+              bg: "#DFF9FF",
             },
             L3: {
               color: "#3459D2",
@@ -759,19 +759,19 @@ export default {
           newWordType: {
             L0: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#5B7217",
+              bg: "#FDB600",
             },
             L1: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#2F6E3B",
+              bg: "#3AB854",
             },
             L2: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#006793",
+              bg: "#00C6F1",
             },
             L3: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#AE1955",
+              bg: "#3459D2",
             },
             LA: {
               color: "rgba(255, 255, 255, 0.64)",
@@ -824,19 +824,19 @@ export default {
           newWordType: {
             L0: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#5B7217",
+              bg: "#FDB600",
             },
             L1: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#2F6E3B",
+              bg: "#3AB854",
             },
             L2: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#006793",
+              bg: "#00C6F1",
             },
             L3: {
               color: "rgba(255, 255, 255, 0.64)",
-              bg: "#AE1955",
+              bg: "#3459D2",
             },
             LA: {
               color: "rgba(255, 255, 255, 0.64)",
@@ -948,40 +948,40 @@ export default {
       ],
       vocabularyType: {
         L0: {
-          bg: "#F2FCE3",
-          color: "#5B7217",
-          darkBg: "#5B7217",
-          border: "#F2FCE3",
+          color: "#FDB600",
+          bg: "#FFF7E4",
+          darkBg: "#FDB600",
+          border: "#FFF7E4",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
-          darkGreenBg: "#F2FCE3",
-          darkGreenColor: "#5B7217",
-          darkGreenBorder: "#F2FCE3",
+          darkGreenBg: "#FFF7E4",
+          darkGreenColor: "#FDB600",
+          darkGreenBorder: "#FFF7E4",
         },
         L1: {
           bg: "#EFFCEF",
-          color: "#3D9A50",
-          darkBg: "#2F6E3B",
+          color: "#3AB854",
+          darkBg: "#3AB854",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
           darkGreenBg: "#EFFCEF",
-          darkGreenColor: "#3D9A50",
+          darkGreenColor: "#3AB854",
           darkGreenBorder: "#EFFCEF",
         },
         L2: {
-          bg: "#E7EEFF",
-          color: "#175DFF",
-          darkBg: "#006793",
+          bg: "#DFF9FF",
+          color: "#00C6F1",
+          darkBg: "#00C6F1",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
-          darkGreenBg: "#E7F3FF",
-          darkGreenColor: "#0081F1",
-          darkGreenBorder: "#E7F3FF",
+          darkGreenBg: "#DFF9FF",
+          darkGreenColor: "#00C6F1",
+          darkGreenBorder: "#DFF9FF",
         },
         L3: {
           bg: "#EEF3FF",
           color: "#3459D2",
-          darkBg: "#2C49AA",
+          darkBg: "#3459D2",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
           darkGreenBg: "#EEF3FF",
@@ -1109,7 +1109,7 @@ export default {
                     "#99A29E",
                   ]
                 : [
-                    "#90C62F",
+                    "#FDB600",
                     "#55B467",
                     "#5FD4F4",
                     "#5373E7",

+ 17 - 17
src/views/bookShelf/components/ArticleInfo.vue

@@ -240,40 +240,40 @@ export default {
     return {
       vocabularyType: {
         L0: {
-          bg: "#F2FCE3",
-          color: "#5B7217",
-          darkBg: "#5B7217",
-          border: "#F2FCE3",
+          color: "#FDB600",
+          bg: "#FFF7E4",
+          darkBg: "#FDB600",
+          border: "#FFF7E4",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
-          darkGreenBg: "#F2FCE3",
-          darkGreenColor: "#5B7217",
-          darkGreenBorder: "#F2FCE3",
+          darkGreenBg: "#FFF7E4",
+          darkGreenColor: "#FDB600",
+          darkGreenBorder: "#FFF7E4",
         },
         L1: {
           bg: "#EFFCEF",
-          color: "#3D9A50",
-          darkBg: "#2F6E3B",
+          color: "#3AB854",
+          darkBg: "#3AB854",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
           darkGreenBg: "#EFFCEF",
-          darkGreenColor: "#3D9A50",
+          darkGreenColor: "#3AB854",
           darkGreenBorder: "#EFFCEF",
         },
         L2: {
-          bg: "#E7EEFF",
-          color: "#175DFF",
-          darkBg: "#006793",
+          bg: "#DFF9FF",
+          color: "#00C6F1",
+          darkBg: "#00C6F1",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
-          darkGreenBg: "#E7F3FF",
-          darkGreenColor: "#0081F1",
-          darkGreenBorder: "#E7F3FF",
+          darkGreenBg: "#DFF9FF",
+          darkGreenColor: "#00C6F1",
+          darkGreenBorder: "#DFF9FF",
         },
         L3: {
           bg: "#EEF3FF",
           color: "#3459D2",
-          darkBg: "#2C49AA",
+          darkBg: "#3459D2",
           darkColor: "rgba(255, 255, 255, 0.64)",
           darkBorder: "rgba(255, 255, 255, 0.08)",
           darkGreenBg: "#EEF3FF",