diff options
| author | malechiMLC <3054487172@qq.com> | 2020-05-15 14:41:13 +0300 |
|---|---|---|
| committer | malechiMLC <3054487172@qq.com> | 2020-05-15 14:41:13 +0300 |
| commit | f4311ec8076486664c64f571ada4a00b83682efe (patch) | |
| tree | c15e00ead11881e75324583777ce32f380e1400d /assets | |
| parent | f9e7c7846c0fc4923f1a05e814354be443985541 (diff) | |
| parent | 864f08c0c12c072d499f71e55b6beb9963042d52 (diff) | |
style: change details page style
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/base.css | 22 | ||||
| -rw-r--r-- | assets/css/markdown.css | 2 | ||||
| -rw-r--r-- | assets/css/site.css | 4 | ||||
| -rw-r--r-- | assets/css/tailwind.config.js | 10 |
4 files changed, 25 insertions, 13 deletions
diff --git a/assets/css/base.css b/assets/css/base.css index f2db655..31d1de8 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -1,12 +1,20 @@ :root{ - @apply font-serif bg-tertiary; - --color-primary: #38B2AC; - --color-secondary: #FBFBFC; - --color-tertiary: #F2F2F7; + @apply font-serif bg-primary-bg text-primary-text; + --color-eureka: #38B2AC; + --color-primary-bg: rgba(242,242,247,1.00); + --color-secondary-bg: rgba(255,255,255,1.00); + --color-tertiary-bg: rgba(120,120,128,0.20); + --color-primary-text: rgba(0,0,0,0.85); + --color-secondary-text: rgba(0,0,0,0.65); + --color-tertiary-text: rgba(0,0,0,0.45); } .dark { - --color-primary: #38B2AC; - --color-secondary: #303030; - --color-tertiary: #000000; + --color-eureka: #38B2AC; + --color-primary: rgba(0,0,0,1.00); + --color-secondary: rgba(28,28,30,1.00); + --color-tertiary: rgba(44,44,46,1.00); + --color-primary-text: rgba(255,255,255,0.85); + --color-secondary-text: rgba(255,255,255,0.65); + --color-tertiary-text: rgba(255,255,255,0.45); } diff --git a/assets/css/markdown.css b/assets/css/markdown.css index cc02c11..e1802aa 100644 --- a/assets/css/markdown.css +++ b/assets/css/markdown.css @@ -5,7 +5,7 @@ } .content { - @apply text-gray-900 leading-normal break-words; + @apply text-primary-text leading-normal break-words; } .content > * + * { diff --git a/assets/css/site.css b/assets/css/site.css index 16fd2b6..49274f7 100644 --- a/assets/css/site.css +++ b/assets/css/site.css @@ -3,7 +3,7 @@ } .sticky-title { - @apply sticky top-16 z-10 bg-tertiary; + @apply sticky top-16 z-10 bg-primary-bg; } .sticky-toc { @@ -16,7 +16,7 @@ } */ .sticky-toc a:hover, a:focus { - @apply text-primary; + @apply text-eureka; } .object-contain { diff --git a/assets/css/tailwind.config.js b/assets/css/tailwind.config.js index dfb9473..ed10c1a 100644 --- a/assets/css/tailwind.config.js +++ b/assets/css/tailwind.config.js @@ -6,9 +6,13 @@ module.exports = { '16': '4rem', }, colors: { - primary: 'var(--color-primary)', - secondary: 'var(--color-secondary)', - tertiary: 'var(--color-tertiary)', + 'eureka': 'var(--color-eureka)', + 'primary-bg': 'var(--color-primary-bg)', + 'secondary-bg': 'var(--color-secondary-bg)', + 'tertiary-bg': 'var(--color-tertiary-bg)', + 'primary-text': 'var(--color-primary-text)', + 'secondary-text': 'var(--color-secondary-text)', + 'tertiary-text': 'var(--color-tertiary-text)', } } }, |