vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Update colors

pull/1047/head
Cagatay Civici 2021-02-25 16:38:01 +03:00
parent 61a7b2b490
commit 6e2c335ea0
10 changed files with 90 additions and 90 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
public/themes/arya-blue/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#64B5F6; --primary-color:#64B5F6;
--primary-color-text:#212529; --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; --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-0: #121212;
--surface-50: #080808; --surface-50: #181818;
--surface-100: #0c0c0c; --surface-100: #1e1e1e;
--surface-200: #111; --surface-200: #242424;
--surface-300: #1a1a1a; --surface-300: #2a2a2a;
--surface-400: #1e1e1e; --surface-400: #303030;
--surface-500: #151515; --surface-500: #363636;
--surface-600: #404040; --surface-600: #3b3b3b;
--surface-700: #626262; --surface-700: #414141;
--surface-800: #838383; --surface-800: #474747;
--surface-900: #a5a5a5; --surface-900: #4d4d4d;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/arya-green/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#81C784; --primary-color:#81C784;
--primary-color-text:#212529; --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; --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-0: #121212;
--surface-50: #080808; --surface-50: #181818;
--surface-100: #0c0c0c; --surface-100: #1e1e1e;
--surface-200: #111; --surface-200: #242424;
--surface-300: #1a1a1a; --surface-300: #2a2a2a;
--surface-400: #1e1e1e; --surface-400: #303030;
--surface-500: #151515; --surface-500: #363636;
--surface-600: #404040; --surface-600: #3b3b3b;
--surface-700: #626262; --surface-700: #414141;
--surface-800: #838383; --surface-800: #474747;
--surface-900: #a5a5a5; --surface-900: #4d4d4d;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/arya-orange/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#FFD54F; --primary-color:#FFD54F;
--primary-color-text:#212529; --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; --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-0: #121212;
--surface-50: #080808; --surface-50: #181818;
--surface-100: #0c0c0c; --surface-100: #1e1e1e;
--surface-200: #111; --surface-200: #242424;
--surface-300: #1a1a1a; --surface-300: #2a2a2a;
--surface-400: #1e1e1e; --surface-400: #303030;
--surface-500: #151515; --surface-500: #363636;
--surface-600: #404040; --surface-600: #3b3b3b;
--surface-700: #626262; --surface-700: #414141;
--surface-800: #838383; --surface-800: #474747;
--surface-900: #a5a5a5; --surface-900: #4d4d4d;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/arya-purple/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#BA68C8; --primary-color:#BA68C8;
--primary-color-text:#ffffff; --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; --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-0: #121212;
--surface-50: #080808; --surface-50: #181818;
--surface-100: #0c0c0c; --surface-100: #1e1e1e;
--surface-200: #111; --surface-200: #242424;
--surface-300: #1a1a1a; --surface-300: #2a2a2a;
--surface-400: #1e1e1e; --surface-400: #303030;
--surface-500: #151515; --surface-500: #363636;
--surface-600: #404040; --surface-600: #3b3b3b;
--surface-700: #626262; --surface-700: #414141;
--surface-800: #838383; --surface-800: #474747;
--surface-900: #a5a5a5; --surface-900: #4d4d4d;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/vela-blue/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#64B5F6; --primary-color:#64B5F6;
--primary-color-text:#212529; --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; --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-0: #17212f;
--surface-50: #0c121a; --surface-50: #1d2734;
--surface-100: #111923; --surface-100: #232c39;
--surface-200: #161f2d; --surface-200: #28323f;
--surface-300: #1a2636; --surface-300: #2e3744;
--surface-400: #1f2d40; --surface-400: #343d49;
--surface-500: #1a2636; --surface-500: #3a424e;
--surface-600: #414d5d; --surface-600: #404853;
--surface-700: #626c79; --surface-700: #454d59;
--surface-800: #848c96; --surface-800: #4b535e;
--surface-900: #a5abb3; --surface-900: #515963;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/vela-green/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#81C784; --primary-color:#81C784;
--primary-color-text:#212529; --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; --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-0: #17212f;
--surface-50: #0c121a; --surface-50: #1d2734;
--surface-100: #111923; --surface-100: #232c39;
--surface-200: #161f2d; --surface-200: #28323f;
--surface-300: #1a2636; --surface-300: #2e3744;
--surface-400: #1f2d40; --surface-400: #343d49;
--surface-500: #1a2636; --surface-500: #3a424e;
--surface-600: #414d5d; --surface-600: #404853;
--surface-700: #626c79; --surface-700: #454d59;
--surface-800: #848c96; --surface-800: #4b535e;
--surface-900: #a5abb3; --surface-900: #515963;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/vela-orange/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#FFD54F; --primary-color:#FFD54F;
--primary-color-text:#212529; --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; --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-0: #17212f;
--surface-50: #0c121a; --surface-50: #1d2734;
--surface-100: #111923; --surface-100: #232c39;
--surface-200: #161f2d; --surface-200: #28323f;
--surface-300: #1a2636; --surface-300: #2e3744;
--surface-400: #1f2d40; --surface-400: #343d49;
--surface-500: #1a2636; --surface-500: #3a424e;
--surface-600: #414d5d; --surface-600: #404853;
--surface-700: #626c79; --surface-700: #454d59;
--surface-800: #848c96; --surface-800: #4b535e;
--surface-900: #a5abb3; --surface-900: #515963;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

22
public/themes/vela-purple/theme.css
View File

@ -11,17 +11,17 @@
--primary-color:#BA68C8; --primary-color:#BA68C8;
--primary-color-text:#ffffff; --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; --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-0: #17212f;
--surface-50: #0c121a; --surface-50: #1d2734;
--surface-100: #111923; --surface-100: #232c39;
--surface-200: #161f2d; --surface-200: #28323f;
--surface-300: #1a2636; --surface-300: #2e3744;
--surface-400: #1f2d40; --surface-400: #343d49;
--surface-500: #1a2636; --surface-500: #3a424e;
--surface-600: #414d5d; --surface-600: #404853;
--surface-700: #626c79; --surface-700: #454d59;
--surface-800: #848c96; --surface-800: #4b535e;
--surface-900: #a5abb3; --surface-900: #515963;
--content-padding:1rem; --content-padding:1rem;
--inline-spacing:0.5rem; --inline-spacing:0.5rem;
} }

2
src/App.vue
View File

@ -150,7 +150,7 @@ export default {
return false; return false;
}, },
isDarkTheme(theme) { 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: { computed: {

2
src/views/colors/ColorsDemo.vue
View File

@ -74,7 +74,7 @@
<div class="card"> <div class="card">
<div class="color-stack"> <div class="color-stack">
<div v-for="shade in shades" :key="shade" class="color-box" <div v-for="shade in shades" :key="shade" class="color-box"
:style="{backgroundColor:`var(--surface-${shade})`, color: $appState.darkTheme ? (shade > 500 ? '#000': '#fff'): (shade > 500 ? '#fff': '#000')}"> :style="{backgroundColor:`var(--surface-${shade})`, color: $appState.darkTheme ? '#fff': (shade > 500 ? '#fff': '#000')}">
surface-{{shade}} surface-{{shade}}
</div> </div>
</div> </div>