diff options
| author | Wang Chucheng <ccwangchn@gmail.com> | 2020-05-15 11:26:07 +0300 |
|---|---|---|
| committer | Wang Chucheng <ccwangchn@gmail.com> | 2020-05-15 11:26:07 +0300 |
| commit | 864f08c0c12c072d499f71e55b6beb9963042d52 (patch) | |
| tree | 68965ceff6167d71b6afcf6b671cbddd0adfadc5 /assets | |
| parent | e753af0c7a75770ea5c931cdef2e0034bac889af (diff) | |
style: add semantic color
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 3359edc..b871eef 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); }
\ No newline at end of file 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 c34ddda..5623e0f 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,5 +16,5 @@ } */ .sticky-toc a:hover, a:focus { - @apply text-primary + @apply text-eureka; }
\ No newline at end of file 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)', } } }, |