diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 3b92759d2..0c10332fb 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -21,7 +21,7 @@ $responsiveWidth: 720px; ::placeholder { color: var(--fg-color); - opacity: 0.2; + opacity: 0.3; } * { diff --git a/assets/css/themes.scss b/assets/css/themes.scss index e868a8334..1734539c0 100644 --- a/assets/css/themes.scss +++ b/assets/css/themes.scss @@ -25,19 +25,19 @@ } :root.light { - --bg-dark-color: #e1e4eb; + --bg-dark-color: #7a7a7a; // Background color - --bg-color: #ebeef5; + --bg-color: #fff; // Auto-complete color - --atc-color: #e1e4eb; + --atc-color: #ebebeb; // Text color - --fg-color: #5d5d5f; + --fg-color: #525252; // Border color - --brd-color: #ccc; + --brd-color: #f2f2f2; // Error color - --err-color: invert(#3C4556, 1); + --err-color: invert(#303341, 1); // Active color --ac-color: #57b5f9; // Active text color - --act-color: #ebeef5; + --act-color: #fff; } diff --git a/components/modal.vue b/components/modal.vue index 333439e38..e6dc41f4c 100644 --- a/components/modal.vue +++ b/components/modal.vue @@ -25,7 +25,7 @@ left: 0; width: 100%; height: 100%; - background-color: rgba(0, 0, 0, 0.5); + background-color: rgba(0, 0, 0, 0.3); display: flex; align-items: center; justify-content: center; diff --git a/layouts/default.vue b/layouts/default.vue index a83eeee51..54913e08e 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -27,6 +27,9 @@
+