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-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;
}

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

@ -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;
}

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

@ -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;
}

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

@ -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;
}

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

@ -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;
}

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

@ -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;
}

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

@ -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;
}

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

@ -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;
}

2
src/App.vue
View File

@ -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: {

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

@ -74,7 +74,7 @@
<div class="card">
<div class="color-stack">
<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}}
</div>
</div>