From 6e2c335ea0310771f875bd6bb5611a32f50e832f Mon Sep 17 00:00:00 2001 From: Cagatay Civici Date: Thu, 25 Feb 2021 16:38:01 +0300 Subject: [PATCH] Update colors --- public/themes/arya-blue/theme.css | 22 +++++++++++----------- public/themes/arya-green/theme.css | 22 +++++++++++----------- public/themes/arya-orange/theme.css | 22 +++++++++++----------- public/themes/arya-purple/theme.css | 22 +++++++++++----------- public/themes/vela-blue/theme.css | 22 +++++++++++----------- public/themes/vela-green/theme.css | 22 +++++++++++----------- public/themes/vela-orange/theme.css | 22 +++++++++++----------- public/themes/vela-purple/theme.css | 22 +++++++++++----------- src/App.vue | 2 +- src/views/colors/ColorsDemo.vue | 2 +- 10 files changed, 90 insertions(+), 90 deletions(-) diff --git a/public/themes/arya-blue/theme.css b/public/themes/arya-blue/theme.css index 217f8dcb1..7392f2af8 100644 --- a/public/themes/arya-blue/theme.css +++ b/public/themes/arya-blue/theme.css @@ -11,17 +11,17 @@ --primary-color:#64B5F6; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #080808; - --surface-100: #0c0c0c; - --surface-200: #111; - --surface-300: #1a1a1a; - --surface-400: #1e1e1e; - --surface-500: #151515; - --surface-600: #404040; - --surface-700: #626262; - --surface-800: #838383; - --surface-900: #a5a5a5; + --surface-0: #121212; + --surface-50: #181818; + --surface-100: #1e1e1e; + --surface-200: #242424; + --surface-300: #2a2a2a; + --surface-400: #303030; + --surface-500: #363636; + --surface-600: #3b3b3b; + --surface-700: #414141; + --surface-800: #474747; + --surface-900: #4d4d4d; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/arya-green/theme.css b/public/themes/arya-green/theme.css index 8c7cdbe7a..c283c59dc 100644 --- a/public/themes/arya-green/theme.css +++ b/public/themes/arya-green/theme.css @@ -11,17 +11,17 @@ --primary-color:#81C784; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #080808; - --surface-100: #0c0c0c; - --surface-200: #111; - --surface-300: #1a1a1a; - --surface-400: #1e1e1e; - --surface-500: #151515; - --surface-600: #404040; - --surface-700: #626262; - --surface-800: #838383; - --surface-900: #a5a5a5; + --surface-0: #121212; + --surface-50: #181818; + --surface-100: #1e1e1e; + --surface-200: #242424; + --surface-300: #2a2a2a; + --surface-400: #303030; + --surface-500: #363636; + --surface-600: #3b3b3b; + --surface-700: #414141; + --surface-800: #474747; + --surface-900: #4d4d4d; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/arya-orange/theme.css b/public/themes/arya-orange/theme.css index a5f94421d..fb9c52ccb 100644 --- a/public/themes/arya-orange/theme.css +++ b/public/themes/arya-orange/theme.css @@ -11,17 +11,17 @@ --primary-color:#FFD54F; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #080808; - --surface-100: #0c0c0c; - --surface-200: #111; - --surface-300: #1a1a1a; - --surface-400: #1e1e1e; - --surface-500: #151515; - --surface-600: #404040; - --surface-700: #626262; - --surface-800: #838383; - --surface-900: #a5a5a5; + --surface-0: #121212; + --surface-50: #181818; + --surface-100: #1e1e1e; + --surface-200: #242424; + --surface-300: #2a2a2a; + --surface-400: #303030; + --surface-500: #363636; + --surface-600: #3b3b3b; + --surface-700: #414141; + --surface-800: #474747; + --surface-900: #4d4d4d; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/arya-purple/theme.css b/public/themes/arya-purple/theme.css index f5366b2ea..4fdcf58af 100644 --- a/public/themes/arya-purple/theme.css +++ b/public/themes/arya-purple/theme.css @@ -11,17 +11,17 @@ --primary-color:#BA68C8; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #080808; - --surface-100: #0c0c0c; - --surface-200: #111; - --surface-300: #1a1a1a; - --surface-400: #1e1e1e; - --surface-500: #151515; - --surface-600: #404040; - --surface-700: #626262; - --surface-800: #838383; - --surface-900: #a5a5a5; + --surface-0: #121212; + --surface-50: #181818; + --surface-100: #1e1e1e; + --surface-200: #242424; + --surface-300: #2a2a2a; + --surface-400: #303030; + --surface-500: #363636; + --surface-600: #3b3b3b; + --surface-700: #414141; + --surface-800: #474747; + --surface-900: #4d4d4d; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/vela-blue/theme.css b/public/themes/vela-blue/theme.css index 12eb5eb95..c3de1d13c 100644 --- a/public/themes/vela-blue/theme.css +++ b/public/themes/vela-blue/theme.css @@ -11,17 +11,17 @@ --primary-color:#64B5F6; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #0c121a; - --surface-100: #111923; - --surface-200: #161f2d; - --surface-300: #1a2636; - --surface-400: #1f2d40; - --surface-500: #1a2636; - --surface-600: #414d5d; - --surface-700: #626c79; - --surface-800: #848c96; - --surface-900: #a5abb3; + --surface-0: #17212f; + --surface-50: #1d2734; + --surface-100: #232c39; + --surface-200: #28323f; + --surface-300: #2e3744; + --surface-400: #343d49; + --surface-500: #3a424e; + --surface-600: #404853; + --surface-700: #454d59; + --surface-800: #4b535e; + --surface-900: #515963; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/vela-green/theme.css b/public/themes/vela-green/theme.css index e415292be..f5111eda6 100644 --- a/public/themes/vela-green/theme.css +++ b/public/themes/vela-green/theme.css @@ -11,17 +11,17 @@ --primary-color:#81C784; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #0c121a; - --surface-100: #111923; - --surface-200: #161f2d; - --surface-300: #1a2636; - --surface-400: #1f2d40; - --surface-500: #1a2636; - --surface-600: #414d5d; - --surface-700: #626c79; - --surface-800: #848c96; - --surface-900: #a5abb3; + --surface-0: #17212f; + --surface-50: #1d2734; + --surface-100: #232c39; + --surface-200: #28323f; + --surface-300: #2e3744; + --surface-400: #343d49; + --surface-500: #3a424e; + --surface-600: #404853; + --surface-700: #454d59; + --surface-800: #4b535e; + --surface-900: #515963; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/vela-orange/theme.css b/public/themes/vela-orange/theme.css index 5d3334ea4..348b742c9 100644 --- a/public/themes/vela-orange/theme.css +++ b/public/themes/vela-orange/theme.css @@ -11,17 +11,17 @@ --primary-color:#FFD54F; --primary-color-text:#212529; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #0c121a; - --surface-100: #111923; - --surface-200: #161f2d; - --surface-300: #1a2636; - --surface-400: #1f2d40; - --surface-500: #1a2636; - --surface-600: #414d5d; - --surface-700: #626c79; - --surface-800: #848c96; - --surface-900: #a5abb3; + --surface-0: #17212f; + --surface-50: #1d2734; + --surface-100: #232c39; + --surface-200: #28323f; + --surface-300: #2e3744; + --surface-400: #343d49; + --surface-500: #3a424e; + --surface-600: #404853; + --surface-700: #454d59; + --surface-800: #4b535e; + --surface-900: #515963; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/public/themes/vela-purple/theme.css b/public/themes/vela-purple/theme.css index d043ba4a2..2fb044aab 100644 --- a/public/themes/vela-purple/theme.css +++ b/public/themes/vela-purple/theme.css @@ -11,17 +11,17 @@ --primary-color:#BA68C8; --primary-color-text:#ffffff; --font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - --surface-0: #000000; - --surface-50: #0c121a; - --surface-100: #111923; - --surface-200: #161f2d; - --surface-300: #1a2636; - --surface-400: #1f2d40; - --surface-500: #1a2636; - --surface-600: #414d5d; - --surface-700: #626c79; - --surface-800: #848c96; - --surface-900: #a5abb3; + --surface-0: #17212f; + --surface-50: #1d2734; + --surface-100: #232c39; + --surface-200: #28323f; + --surface-300: #2e3744; + --surface-400: #343d49; + --surface-500: #3a424e; + --surface-600: #404853; + --surface-700: #454d59; + --surface-800: #4b535e; + --surface-900: #515963; --content-padding:1rem; --inline-spacing:0.5rem; } diff --git a/src/App.vue b/src/App.vue index 335e8d6db..df9c31a79 100755 --- a/src/App.vue +++ b/src/App.vue @@ -150,7 +150,7 @@ export default { return false; }, isDarkTheme(theme) { - return theme.indexOf('dark') !== -1 || theme === 'vela' || theme === 'arya' || theme === 'luna'; + return theme.indexOf('dark') !== -1 || theme.indexOf('vela') !== -1 || theme.indexOf('arya') !== -1 || theme.indexOf('luna') !== -1; } }, computed: { diff --git a/src/views/colors/ColorsDemo.vue b/src/views/colors/ColorsDemo.vue index c93220d71..0b996978d 100644 --- a/src/views/colors/ColorsDemo.vue +++ b/src/views/colors/ColorsDemo.vue @@ -74,7 +74,7 @@
+ :style="{backgroundColor:`var(--surface-${shade})`, color: $appState.darkTheme ? '#fff': (shade > 500 ? '#fff': '#000')}"> surface-{{shade}}