add a new theme vintage paper

Author: LinuxSuRen

data/theme/vintagePaper.json

@@ -0,0 +1,154 @@
+{
+  "color": {
+    "--el-color-white": "#F8F3E6",
+    "--el-color-black": "#3C2F2D",
+    "--el-color-primary": "#a67c52",
+    "--el-color-primary-light-3": "#708A4C",
+    "--el-color-primary-light-5": "#8DA269",
+    "--el-color-primary-light-7": "#A9BA8D",
+    "--el-color-primary-light-8": "#C1CEAD",
+    "--el-color-primary-light-9": "#D8E0CE",
+    "--el-color-primary-dark-2": "#435426",
+    "--el-color-success": "#6B8E23",
+    "--el-color-success-light-3": "#87A64D",
+    "--el-color-success-light-5": "#A3BE77",
+    "--el-color-success-light-7": "#BFD4A3",
+    "--el-color-success-light-8": "#D3E0C1",
+    "--el-color-success-light-9": "#E7EEDF",
+    "--el-color-success-dark-2": "#56711C",
+    "--el-color-warning": "#B68D40",
+    "--el-color-warning-light-3": "#C9A566",
+    "--el-color-warning-light-5": "#D8BD8C",
+    "--el-color-warning-light-7": "#E6D5B3",
+    "--el-color-warning-light-8": "#EFE3C9",
+    "--el-color-warning-light-9": "#F7F1E4",
+    "--el-color-warning-dark-2": "#937133",
+    "--el-color-danger": "#8B4513",
+    "--el-color-danger-light-3": "#A66D42",
+    "--el-color-danger-light-5": "#C19671",
+    "--el-color-danger-light-7": "#DCBFA3",
+    "--el-color-danger-light-8": "#E9D4C2",
+    "--el-color-danger-light-9": "#F5E9E0",
+    "--el-color-danger-dark-2": "#70370F",
+    "--el-color-error": "#8B4513",
+    "--el-color-info": "#7D7C7A",
+    "--el-color-info-light-3": "#9A9997",
+    "--el-color-info-light-5": "#B5B4B2",
+    "--el-color-info-light-7": "#D0CFCD",
+    "--el-color-info-light-8": "#DFDEDD",
+    "--el-color-info-light-9": "#EEEDEC",
+    "--el-bg-color": "#F8F3E6",
+    "--el-bg-color-page": "#EFE9D9",
+    "--el-bg-color-overlay": "#FDF9F0",
+    "--el-text-color-primary": "#3C2F2D",
+    "--el-text-color-regular": "#5D4C47",
+    "--el-text-color-secondary": "#7D716C",
+    "--el-text-color-placeholder": "#A09892",
+    "--el-text-color-disabled": "#C5BEB9",
+    "--el-border-color": "#D8CBBF",
+    "--el-border-color-light": "#E0D6CC",
+    "--el-border-color-lighter": "#E8E1D9",
+    "--el-border-color-extra-light": "#F0ECE5",
+    "--el-border-color-dark": "#D0C0B0",
+    "--el-border-color-darker": "#C8B6A6",
+    "--el-fill-color": "#EFE9D9",
+    "--el-fill-color-light": "#F4F0E3",
+    "--el-fill-color-lighter": "#F9F6ED",
+    "--el-fill-color-extra-light": "#FDFBF7",
+    "--el-fill-color-dark": "#E6DECD",
+    "--el-fill-color-darker": "#DED3BC",
+    "--el-fill-color-blank": "#FDF9F0"
+  },
+  "common": {
+    "--el-border-width": "1px",
+    "--el-border-style": "solid",
+    "--el-border-color-hover": "",
+    "--el-border": "var(--el-border-width) var(--el-border-style) var(--el-border-color)",
+    "--el-svg-monochrome-grey": "#dcdde0",
+    "--el-border-radius-base": "4px",
+    "--el-border-radius-small": "2px",
+    "--el-border-radius-round": "20px",
+    "--el-border-radius-circle": "100%",
+    "--el-box-shadow": "0px 12px 32px 4px rgba(0, 0, 0, 0.04), 0px 8px 20px rgba(0, 0, 0, 0.08)",
+    "--el-box-shadow-light": "0px 0px 12px rgba(0, 0, 0, 0.12)",
+    "--el-box-shadow-lighter": "0px 0px 6px rgba(0, 0, 0, 0.12)",
+    "--el-box-shadow-dark": "0px 16px 48px 16px rgba(0, 0, 0, 0.08), 0px 12px 32px rgba(0, 0, 0, 0.12), 0px 8px 16px -8px rgba(0, 0, 0, 0.16)"
+  },
+  "font": {
+    "--el-font-size-extra-large": "20px",
+    "--el-font-size-large": "18px",
+    "--el-font-size-medium": "16px",
+    "--el-font-size-base": "14px",
+    "--el-font-size-small": "13px",
+    "--el-font-size-extra-small": "12px",
+    "--el-font-family": "'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif",
+    "--el-font-weight-primary": "500",
+    "--el-font-line-height-primary": "24px"
+  },
+  "size": {
+    "--el-component-size-large": "40px",
+    "--el-component-size": "32px",
+    "--el-component-size-small": "24px"
+  },
+  "z-index": {
+    "--el-index-normal": "1",
+    "--el-index-top": "1000",
+    "--el-index-popper": "2000"
+  },
+  "components": {
+    "button": {
+      "--el-button-font-weight": "var(--el-font-weight-primary)",
+      "--el-button-border-color": "var(--el-border-color)",
+      "--el-button-bg-color": "var(--el-fill-color-blank)",
+      "--el-button-text-color": "var(--el-text-color-regular)",
+      "--el-button-disabled-text-color": "var(--el-disabled-text-color)",
+      "--el-button-disabled-bg-color": "var(--el-fill-color-blank)",
+      "--el-button-disabled-border-color": "var(--el-border-color-light)",
+      "--el-button-hover-text-color": "var(--el-color-primary)",
+      "--el-button-hover-bg-color": "var(--el-color-primary-light-9)",
+      "--el-button-hover-border-color": "var(--el-color-primary-light-7)",
+      "--el-button-active-text-color": "var(--el-button-hover-text-color)",
+      "--el-button-active-border-color": "var(--el-color-primary)",
+      "--el-button-active-bg-color": "var(--el-button-hover-bg-color)",
+      "--el-button-outline-color": "var(--el-color-primary-light-5)"
+    },
+    "input": {
+      "--el-input-text-color": "var(--el-text-color-regular)",
+      "--el-input-border": "var(--el-border)",
+      "--el-input-hover-border": "var(--el-border-color-hover)",
+      "--el-input-focus-border": "var(--el-color-primary)",
+      "--el-input-transparent-border": "0 0 0 1px transparent inset",
+      "--el-input-border-color": "var(--el-border-color)",
+      "--el-input-border-radius": "var(--el-border-radius-base)",
+      "--el-input-bg-color": "var(--el-fill-color-blank)",
+      "--el-input-icon-color": "var(--el-text-color-placeholder)",
+      "--el-input-placeholder-color": "var(--el-text-color-placeholder)",
+      "--el-input-hover-border-color": "var(--el-border-color-hover)",
+      "--el-input-clear-hover-color": "var(--el-text-color-secondary)",
+      "--el-input-focus-border-color": "var(--el-color-primary)"
+    },
+    "tag": {
+      "--el-tag-bg-color": "var(--el-color-primary-light-9)",
+      "--el-tag-text-color": "var(--el-color-primary)",
+      "--el-tag-border-color": "var(--el-color-primary-light-8)",
+      "--el-tag-hover-color": "var(--el-color-primary)"
+    },
+    "notification": {
+      "--el-notification-width": "330px",
+      "--el-notification-padding": "14px 26px 14px 13px",
+      "--el-notification-radius": "8px",
+      "--el-notification-shadow": "var(--el-box-shadow-light)",
+      "--el-notification-border-color": "var(--el-border-color-lighter)",
+      "--el-notification-icon-size": "24px",
+      "--el-notification-close-font-size": "16px",
+      "--el-notification-group-margin-left": "13px",
+      "--el-notification-group-margin-right": "8px",
+      "--el-notification-content-font-size": "13px",
+      "--el-notification-content-color": "var(--el-text-color-regular)",
+      "--el-notification-title-font-size": "16px",
+      "--el-notification-title-color": "var(--el-text-color-primary)",
+      "--el-notification-close-color": "var(--el-text-color-secondary)",
+      "--el-notification-close-hover-color": "var(--el-text-color-regular)"
+    }
+  }
+}