Skip to content

Commit

Permalink
Update themes
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Apr 22, 2021
1 parent feb0201 commit 457f253
Show file tree
Hide file tree
Showing 34 changed files with 6,663 additions and 1,631 deletions.
244 changes: 196 additions & 48 deletions public/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,19 @@
--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: #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;
}

* {
Expand Down Expand Up @@ -55,6 +68,109 @@
box-shadow: 0 0 0 1px #93cbf9;
}

:root {
--blue-50:#f4fafe;
--blue-100:#cae6fc;
--blue-200:#a0d2fa;
--blue-300:#75bef8;
--blue-400:#4baaf5;
--blue-500:#2196f3;
--blue-600:#1c80cf;
--blue-700:#1769aa;
--blue-800:#125386;
--blue-900:#0d3c61;
--green-50:#f6fbf6;
--green-100:#d4ecd5;
--green-200:#b2ddb4;
--green-300:#90cd93;
--green-400:#6ebe71;
--green-500:#4caf50;
--green-600:#419544;
--green-700:#357b38;
--green-800:#2a602c;
--green-900:#1e4620;
--yellow-50:#fffcf5;
--yellow-100:#fef0cd;
--yellow-200:#fde4a5;
--yellow-300:#fdd87d;
--yellow-400:#fccc55;
--yellow-500:#fbc02d;
--yellow-600:#d5a326;
--yellow-700:#b08620;
--yellow-800:#8a6a19;
--yellow-900:#644d12;
--cyan-50:#f2fcfd;
--cyan-100:#c2eff5;
--cyan-200:#91e2ed;
--cyan-300:#61d5e4;
--cyan-400:#30c9dc;
--cyan-500:#00bcd4;
--cyan-600:#00a0b4;
--cyan-700:#008494;
--cyan-800:#006775;
--cyan-900:#004b55;
--pink-50:#fef4f7;
--pink-100:#fac9da;
--pink-200:#f69ebc;
--pink-300:#f1749e;
--pink-400:#ed4981;
--pink-500:#e91e63;
--pink-600:#c61a54;
--pink-700:#a31545;
--pink-800:#801136;
--pink-900:#5d0c28;
--indigo-50:#f5f6fb;
--indigo-100:#d1d5ed;
--indigo-200:#acb4df;
--indigo-300:#8893d1;
--indigo-400:#6372c3;
--indigo-500:#3f51b5;
--indigo-600:#36459a;
--indigo-700:#2c397f;
--indigo-800:#232d64;
--indigo-900:#192048;
--teal-50:#f2faf9;
--teal-100:#c2e6e2;
--teal-200:#91d2cc;
--teal-300:#61beb5;
--teal-400:#30aa9f;
--teal-500:#009688;
--teal-600:#008074;
--teal-700:#00695f;
--teal-800:#00534b;
--teal-900:#003c36;
--orange-50:#fff8f2;
--orange-100:#fde0c2;
--orange-200:#fbc791;
--orange-300:#f9ae61;
--orange-400:#f79530;
--orange-500:#f57c00;
--orange-600:#d06900;
--orange-700:#ac5700;
--orange-800:#874400;
--orange-900:#623200;
--bluegray-50:#f7f9f9;
--bluegray-100:#d9e0e3;
--bluegray-200:#bbc7cd;
--bluegray-300:#9caeb7;
--bluegray-400:#7e96a1;
--bluegray-500:#607d8b;
--bluegray-600:#526a76;
--bluegray-700:#435861;
--bluegray-800:#35454c;
--bluegray-900:#263238;
--purple-50:#faf4fb;
--purple-100:#e7cbec;
--purple-200:#d4a2dd;
--purple-300:#c279ce;
--purple-400:#af50bf;
--purple-500:#9c27b0;
--purple-600:#852196;
--purple-700:#6d1b7b;
--purple-800:#561561;
--purple-900:#3e1046;
}

.p-autocomplete .p-autocomplete-loader {
right: 0.5rem;
}
Expand Down Expand Up @@ -1342,6 +1458,76 @@
border-color: #64B5F6;
}

.p-treeselect {
background: #121212;
border: 1px solid #383838;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
border-radius: 3px;
}
.p-treeselect:not(.p-disabled):hover {
border-color: #64B5F6;
}
.p-treeselect:not(.p-disabled).p-focus {
outline: 0 none;
outline-offset: 0;
box-shadow: 0 0 0 1px #93cbf9;
border-color: #64B5F6;
}
.p-treeselect .p-treeselect-label {
padding: 0.5rem 0.5rem;
transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
color: rgba(255, 255, 255, 0.6);
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
padding: 0.25rem 0.5rem;
margin-right: 0.5rem;
background: #383838;
color: rgba(255, 255, 255, 0.87);
border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
background: transparent;
color: rgba(255, 255, 255, 0.6);
width: 2.357rem;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.p-treeselect.p-invalid.p-component {
border-color: #ef9a9a;
}

.p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
padding: 0.25rem 0.5rem;
}

.p-treeselect-panel {
background: #1e1e1e;
color: rgba(255, 255, 255, 0.87);
border: 1px solid #383838;
border-radius: 3px;
box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
padding: 0.5rem 1rem;
color: rgba(255, 255, 255, 0.87);
background: transparent;
}

.p-input-filled .p-treeselect {
background: #383838;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
background-color: #383838;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
background-color: #383838;
}

.p-togglebutton.p-button {
background: #1e1e1e;
border: 1px solid #383838;
Expand Down Expand Up @@ -1512,6 +1698,12 @@
.p-button.p-button-lg .p-button-icon {
font-size: 1.25rem;
}
.p-button.p-button-loading-label-only .p-button-label {
margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
margin-right: 0;
}

.p-fluid .p-button {
width: 100%;
Expand Down Expand Up @@ -2013,6 +2205,9 @@
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr > td > .p-column-title {
font-weight: 600;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
background: rgba(100, 181, 246, 0.16);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -2426,22 +2621,6 @@
background: rgba(100, 181, 246, 0.16);
}

@media screen and (max-width: 960px) {
.p-orderlist {
flex-direction: column;
}
.p-orderlist .p-orderlist-controls {
padding: 1rem;
flex-direction: row;
}
.p-orderlist .p-orderlist-controls .p-button {
margin-right: 0.5rem;
margin-bottom: 0;
}
.p-orderlist .p-orderlist-controls .p-button:last-child {
margin-right: 0;
}
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
background: rgba(255, 255, 255, 0.03);
color: rgba(255, 255, 255, 0.87);
Expand Down Expand Up @@ -2601,34 +2780,6 @@
background: rgba(100, 181, 246, 0.16);
}

@media screen and (max-width: 960px) {
.p-picklist {
flex-direction: column;
}
.p-picklist .p-picklist-buttons {
padding: 1rem;
flex-direction: row;
}
.p-picklist .p-picklist-buttons .p-button {
margin-right: 0.5rem;
margin-bottom: 0;
}
.p-picklist .p-picklist-buttons .p-button:last-child {
margin-right: 0;
}
.p-picklist .p-picklist-transfer-buttons .pi-angle-right:before {
content: "";
}
.p-picklist .p-picklist-transfer-buttons .pi-angle-double-right:before {
content: "";
}
.p-picklist .p-picklist-transfer-buttons .pi-angle-left:before {
content: "";
}
.p-picklist .p-picklist-transfer-buttons .pi-angle-double-left:before {
content: "";
}
}
.p-timeline .p-timeline-event-marker {
border: 2px solid #64B5F6;
border-radius: 50%;
Expand Down Expand Up @@ -2667,7 +2818,7 @@
.p-tree .p-tree-container .p-treenode .p-treenode-content {
border-radius: 3px;
transition: box-shadow 0.2s;
padding: 0.5rem;
padding: 0;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
margin-right: 0.5rem;
Expand Down Expand Up @@ -4576,9 +4727,6 @@
background: rgba(255, 255, 255, 0.1);
color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
transition: box-shadow 0.2s;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
outline: 0 none;
outline-offset: 0;
Expand Down
Loading

0 comments on commit 457f253

Please sign in to comment.