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

Add new surface

pull/358/head
cagataycivici 2020-06-27 17:47:26 +03:00
parent 312175c891
commit aecac49728
35 changed files with 43 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #121212; --surface-a: #1e1e1e;
--surface-b: #121212; --surface-b: #121212;
--surface-c: #2b2b2b; --surface-c: #2b2b2b;
--surface-d: #383838; --surface-d: #383838;
--surface-e: #1e1e1e; --surface-e: #1e1e1e;
--surface-f: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #64B5F6; --primary-color: #64B5F6;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #121212; --surface-a: #1e1e1e;
--surface-b: #121212; --surface-b: #121212;
--surface-c: #2b2b2b; --surface-c: #2b2b2b;
--surface-d: #383838; --surface-d: #383838;
--surface-e: #1e1e1e; --surface-e: #1e1e1e;
--surface-f: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #81C784; --primary-color: #81C784;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #121212; --surface-a: #1e1e1e;
--surface-b: #121212; --surface-b: #121212;
--surface-c: #2b2b2b; --surface-c: #2b2b2b;
--surface-d: #383838; --surface-d: #383838;
--surface-e: #1e1e1e; --surface-e: #1e1e1e;
--surface-f: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #FFD54F; --primary-color: #FFD54F;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #121212; --surface-a: #1e1e1e;
--surface-b: #121212; --surface-b: #121212;
--surface-c: #2b2b2b; --surface-c: #2b2b2b;
--surface-d: #383838; --surface-d: #383838;
--surface-e: #1e1e1e; --surface-e: #1e1e1e;
--surface-f: #1e1e1e;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #BA68C8; --primary-color: #BA68C8;

1
public/themes/bootstrap4-dark-blue/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #343e4d; --surface-c: #343e4d;
--surface-d: #3f4b5b; --surface-d: #3f4b5b;
--surface-e: #2a323d; --surface-e: #2a323d;
--surface-f: #2a323d;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #8dd0ff; --primary-color: #8dd0ff;

1
public/themes/bootstrap4-dark-purple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #343e4d; --surface-c: #343e4d;
--surface-d: #3f4b5b; --surface-d: #3f4b5b;
--surface-e: #2a323d; --surface-e: #2a323d;
--surface-f: #2a323d;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #c298d8; --primary-color: #c298d8;

1
public/themes/bootstrap4-light-blue/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: rgba(0, 0, 0, 0.125); --surface-d: rgba(0, 0, 0, 0.125);
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #212529; --text-color: #212529;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #007bff; --primary-color: #007bff;

1
public/themes/bootstrap4-light-purple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: rgba(0, 0, 0, 0.125); --surface-d: rgba(0, 0, 0, 0.125);
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #212529; --text-color: #212529;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #883cae; --primary-color: #883cae;

1
public/themes/luna-amber/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #2f2f2f;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #FFE082; --primary-color: #FFE082;

1
public/themes/luna-blue/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #2f2f2f;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #81D4FA; --primary-color: #81D4FA;

1
public/themes/luna-green/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #2f2f2f;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #C5E1A5; --primary-color: #C5E1A5;

1
public/themes/luna-pink/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
--surface-d: #2f2f2f; --surface-d: #2f2f2f;
--surface-e: #323232; --surface-e: #323232;
--surface-f: #323232;
--text-color: #dedede; --text-color: #dedede;
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #F48FB1; --primary-color: #F48FB1;

1
public/themes/md-dark-deeppurple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
--surface-d:hsla(0,0%,100%,.12); --surface-d:hsla(0,0%,100%,.12);
--surface-e:#1e1e1e; --surface-e:#1e1e1e;
--surface-f:#262626;
--text-color:rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#CE93D8; --primary-color:#CE93D8;

1
public/themes/md-dark-indigo/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
--surface-d:hsla(0,0%,100%,.12); --surface-d:hsla(0,0%,100%,.12);
--surface-e:#1e1e1e; --surface-e:#1e1e1e;
--surface-f:#262626;
--text-color:rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#9FA8DA; --primary-color:#9FA8DA;

1
public/themes/md-light-deeppurple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
--surface-d:rgba(0,0,0,.12); --surface-d:rgba(0,0,0,.12);
--surface-e:#ffffff; --surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#000001; --text-color:#000001;
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#673AB7; --primary-color:#673AB7;

1
public/themes/md-light-indigo/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
--surface-d:rgba(0,0,0,.12); --surface-d:rgba(0,0,0,.12);
--surface-e:#ffffff; --surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#000001; --text-color:#000001;
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#3F51B5; --primary-color:#3F51B5;

1
public/themes/mdc-dark-deeppurple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
--surface-d:hsla(0,0%,100%,.12); --surface-d:hsla(0,0%,100%,.12);
--surface-e:#1e1e1e; --surface-e:#1e1e1e;
--surface-f:#262626;
--text-color:rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#673AB7; --primary-color:#673AB7;

1
public/themes/mdc-dark-indigo/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
--surface-d:hsla(0,0%,100%,.12); --surface-d:hsla(0,0%,100%,.12);
--surface-e:#1e1e1e; --surface-e:#1e1e1e;
--surface-f:#262626;
--text-color:rgba(255, 255, 255, 0.87); --text-color:rgba(255, 255, 255, 0.87);
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#3F51B5; --primary-color:#3F51B5;

1
public/themes/mdc-light-deeppurple/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
--surface-d:rgba(0,0,0,.12); --surface-d:rgba(0,0,0,.12);
--surface-e:#ffffff; --surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#000001; --text-color:#000001;
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#673AB7; --primary-color:#673AB7;

1
public/themes/mdc-light-indigo/theme.css
View File

@ -5,6 +5,7 @@
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
--surface-d:rgba(0,0,0,.12); --surface-d:rgba(0,0,0,.12);
--surface-e:#ffffff; --surface-e:#ffffff;
--surface-f:#ffffff;
--text-color:#000001; --text-color:#000001;
--text-color-secondary:textSecondaryColor; --text-color-secondary:textSecondaryColor;
--primary-color:#3F51B5; --primary-color:#3F51B5;

1
public/themes/nova-accent/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8; --surface-d: #c8c8c8;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

1
public/themes/nova-alt/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8; --surface-d: #c8c8c8;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

1
public/themes/nova-vue/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8; --surface-d: #c8c8c8;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #41b883; --primary-color: #41b883;

1
public/themes/nova/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #eaeaea; --surface-c: #eaeaea;
--surface-d: #c8c8c8; --surface-d: #c8c8c8;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #333333; --text-color: #333333;
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;

1
public/themes/rhea/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #eaeaea; --surface-c: #eaeaea;
--surface-d: #dadada; --surface-d: #dadada;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #7B95A3; --primary-color: #7B95A3;

1
public/themes/saga-blue/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #2196F3; --primary-color: #2196F3;

1
public/themes/saga-green/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #4CAF50; --primary-color: #4CAF50;

1
public/themes/saga-orange/theme.css
View File

@ -5,6 +5,7 @@
--surface-c: #e9ecef; --surface-c: #e9ecef;
--surface-d: #dee2e6; --surface-d: #dee2e6;
--surface-e: #ffffff; --surface-e: #ffffff;
--surface-f: #ffffff;
--text-color: #495057; --text-color: #495057;
--text-color-secondary: $shade600; --text-color-secondary: $shade600;
--primary-color: #FFC107; --primary-color: #FFC107;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #17212f; --surface-a: #1f2d40;
--surface-b: #17212f; --surface-b: #17212f;
--surface-c: #283951; --surface-c: #283951;
--surface-d: #304562; --surface-d: #304562;
--surface-e: #1f2d40; --surface-e: #1f2d40;
--surface-f: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #64B5F6; --primary-color: #64B5F6;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #17212f; --surface-a: #1f2d40;
--surface-b: #17212f; --surface-b: #17212f;
--surface-c: #283951; --surface-c: #283951;
--surface-d: #304562; --surface-d: #304562;
--surface-e: #1f2d40; --surface-e: #1f2d40;
--surface-f: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #81C784; --primary-color: #81C784;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #17212f; --surface-a: #1f2d40;
--surface-b: #17212f; --surface-b: #17212f;
--surface-c: #283951; --surface-c: #283951;
--surface-d: #304562; --surface-d: #304562;
--surface-e: #1f2d40; --surface-e: #1f2d40;
--surface-f: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #FFD54F; --primary-color: #FFD54F;

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

@ -1,10 +1,11 @@
@charset "UTF-8"; @charset "UTF-8";
:root { :root {
--surface-a: #17212f; --surface-a: #1f2d40;
--surface-b: #17212f; --surface-b: #17212f;
--surface-c: #283951; --surface-c: #283951;
--surface-d: #304562; --surface-d: #304562;
--surface-e: #1f2d40; --surface-e: #1f2d40;
--surface-f: #1f2d40;
--text-color: rgba(255, 255, 255, 0.87); --text-color: rgba(255, 255, 255, 0.87);
--text-color-secondary: rgba(255, 255, 255, 0.6); --text-color-secondary: rgba(255, 255, 255, 0.6);
--primary-color: #BA68C8; --primary-color: #BA68C8;

2
src/assets/styles/app/_config.scss
View File

@ -28,7 +28,7 @@
height: 100%; height: 100%;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24); box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
color: var(--text-color); color: var(--text-color);
background-color: var(--surface-e); background-color: var(--surface-f);
.layout-config-button { .layout-config-button {
display: block; display: block;

2
src/assets/styles/app/_core.scss
View File

@ -213,7 +213,7 @@ p {
left: 285px; left: 285px;
top: 15px; top: 15px;
padding: .5rem; padding: .5rem;
z-index: 2000; z-index: 997;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12); box-shadow: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
width: 39px; width: 39px;

2
src/assets/styles/app/_topbar.scss
View File

@ -95,7 +95,7 @@
right: 0; right: 0;
width: 275px; width: 275px;
max-height: 400px; max-height: 400px;
background-color: var(--surface-e); background-color: var(--surface-f);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
overflow: auto; overflow: auto;
list-style-type: none; list-style-type: none;