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

Showcase cosmetics

pull/4460/head
Cagatay Civici 2023-09-16 15:01:29 +03:00
parent 53ed2ad310
commit 80b733b78c
13 changed files with 148 additions and 124 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/styles/layout/_core.scss
View File

@ -88,7 +88,7 @@ input[type="number"] {
user-select: none; user-select: none;
} }
.px-link:focus { .px-link:focus-visible {
outline: 0 none; outline: 0 none;
outline-offset: 0; outline-offset: 0;
box-shadow: var(--focus-ring); box-shadow: var(--focus-ring);

21
assets/styles/layout/_doc.scss
View File

@ -17,19 +17,19 @@
padding: 1rem 2rem; padding: 1rem 2rem;
min-width: 12rem; min-width: 12rem;
text-align: center; text-align: center;
color: var(--text-color-secondary); color: var(--surface-700);
font-size: 1.125rem; font-size: 1.125rem;
letter-spacing: 2px; letter-spacing: 2px;
cursor: pointer; cursor: pointer;
margin: 0; margin: 0;
transition: all 0.3s; transition: all 0.2s;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
border-top-right-radius: var(--border-round); border-top-right-radius: var(--border-round);
border-top-left-radius: var(--border-round); border-top-left-radius: var(--border-round);
white-space: nowrap; white-space: nowrap;
&:hover { &:hover {
border-bottom-color: var(--text-color); border-bottom-color: var(--surface-500);
} }
&:focus { &:focus {
@ -159,6 +159,11 @@
.navbar-item-content { .navbar-item-content {
border-left: 1px solid var(--surface-border); border-left: 1px solid var(--surface-border);
padding-left: .25rem; padding-left: .25rem;
transition: all .2s;
&:hover {
border-left-color: var(--surface-500);
}
} }
} }
@ -168,14 +173,17 @@
.px-link { .px-link {
padding: 0.25rem 1rem 0.25rem 1rem; padding: 0.25rem 1rem 0.25rem 1rem;
color: var(--text-color); color: var(--surface-800);
white-space: nowrap; white-space: nowrap;
min-width: 0; min-width: 0;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
transition: all .2s;
}
&:hover { &:hover {
color: var(--primary-color); .px-link {
color: var(--surface-900);
} }
} }
} }
@ -185,7 +193,6 @@
border-color: var(--primary-color); border-color: var(--primary-color);
.px-link { .px-link {
font-weight: 700;
color: var(--primary-color); color: var(--primary-color);
} }
} }

131
assets/styles/layout/_sidebar.scss
View File

@ -28,11 +28,8 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
li {
margin-bottom: .25rem;
}
> li { > li {
margin-bottom: .25rem;
> button, > button,
> a { > a {
display: flex; display: flex;
@ -41,12 +38,7 @@
padding: .5rem; padding: .5rem;
color: var(--surface-900); color: var(--surface-900);
font-weight: 600; font-weight: 600;
transition: box-shadow .2s; transition: all .2s;
border-radius: var(--border-radius);
&:hover {
background-color: var(--surface-hover);
}
.menu-icon { .menu-icon {
width: 2rem; width: 2rem;
@ -57,81 +49,102 @@
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
transition: all .2s;
i { i {
color: var(--surface-700); color: var(--surface-700);
transition: all .2s;
} }
} }
.menu-toggle-icon { .menu-toggle-icon {
color: var(--surface-600); color: var(--surface-700);
margin-left: auto; margin-left: auto;
} }
&:hover {
.menu-icon {
i {
color: var(--surface-900);
}
}
.menu-toggle-icon {
color: var(--surface-900);
}
}
&.router-link-active {
color: var(--primary-color);
> .menu-icon {
i {
color: var(--primary-color);
}
}
}
} }
> div { > div {
> ol { ol {
margin: 0 0 0 1.5rem; margin: 0 0 0 1.5rem;
padding: .25rem 0 0 .5rem; padding: .25rem 0;
border-left: 1px solid var(--surface-border); list-style: none;
> li { li {
> ol { a {
margin-bottom: 1.5rem; color: var(--surface-700);
border-left: 1px solid var(--surface-border);
transition: all .2s;
font-weight: 400;
display: flex;
padding: .5rem .5rem .5rem 1rem;
color: var(--surface-700);
transition: all .2s;
&:focus-visible {
outline: 0 none;
box-shadow: inset var(--focus-ring);
}
&:hover {
color: var(--surface-900);
border-left-color: var(--surface-500);
}
&.router-link-active {
color: var(--primary-color);
border-left-color: var(--primary-color);
}
}
ol {
margin: 0;
padding: 0;
}
&:has(.menu-child-category) {
margin-top: 1rem;
}
&:has(.menu-child-category):first-child {
margin-top: 0rem;
} }
} }
} }
} }
} }
a.router-link-active {
background-color: var(--highlight-bg);
color: var(--highlight-text-color);
&:hover {
background-color: var(--highlight-bg);
color: var(--highlight-text-color);
}
> .menu-icon {
i {
color: var(--highlight-text-color);
}
}
}
.menu-child-category { .menu-child-category {
display: flex; display: flex;
padding: .5rem .5rem .5rem 1rem; padding: .5rem .5rem .5rem 0;
font-size: .875rem; font-size: .875rem;
font-weight: 700; font-weight: 600;
letter-spacing: 1px; letter-spacing: 1px;
color: var(--surface-900); color: var(--surface-900);
border-bottom: 1px solid var(--surface-border);
margin-bottom: .25rem; margin-bottom: .25rem;
} }
ol {
list-style: none;
margin: 0;
padding: 0;
a {
display: flex;
padding: .5rem .5rem .5rem 1rem;
color: var(--surface-900);
border-radius: var(--border-radius);
transition: box-shadow .2s;
&:focus {
outline: 0 none;
box-shadow: inset var(--focus-ring);
}
&:hover {
background-color: var(--surface-hover);
}
}
}
} }
} }

2
layouts/AppMenuItem.vue
View File

@ -24,7 +24,7 @@
</PrimeVueNuxtLink> </PrimeVueNuxtLink>
<span v-if="!root && menuitem.children" class="menu-child-category">{{ menuitem.name }}</span> <span v-if="!root && menuitem.children" class="menu-child-category">{{ menuitem.name }}</span>
<div class="overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out" :class="{ hidden: menuitem.children && root && isActiveRootmenuItem(menuitem) }"> <div v-if="menuitem.children" class="overflow-y-hidden transition-all transition-duration-400 transition-ease-in-out" :class="{ hidden: menuitem.children && root && isActiveRootmenuItem(menuitem) }">
<ol> <ol>
<AppMenuItem :root="false" :menu="menuitem.children"></AppMenuItem> <AppMenuItem :root="false" :menu="menuitem.children"></AppMenuItem>
</ol> </ol>

4
nuxt.config.js
View File

@ -42,6 +42,10 @@ export default defineNuxtConfig({
rel: 'stylesheet', rel: 'stylesheet',
href: baseUrl + 'themes/lara-light-blue/theme.css' href: baseUrl + 'themes/lara-light-blue/theme.css'
}, },
{
rel: 'stylesheet',
href: 'https://fonts.cdnfonts.com/css/dm-sans'
},
{ rel: 'icon', href: baseUrl + 'favicon.ico' } { rel: 'icon', href: baseUrl + 'favicon.ico' }
], ],
script: [ script: [

14
public/themes/lara-dark-blue/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#93C5FD; --primary-color:#93C5FD;
--primary-color-text:#1c2127; --primary-color-text:#1c2127;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #040d19; background: #040d19;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-dark-indigo/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#A5B4FC; --primary-color:#A5B4FC;
--primary-color-text:#1c2127; --primary-color-text:#1c2127;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #040d19; background: #040d19;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-dark-purple/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#C4B5FD; --primary-color:#C4B5FD;
--primary-color-text:#1c2127; --primary-color-text:#1c2127;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #040d19; background: #040d19;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-dark-teal/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#5EEAD4; --primary-color:#5EEAD4;
--primary-color-text:#1c2127; --primary-color-text:#1c2127;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-family:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: rgba(255, 255, 255, 0.87); color: rgba(255, 255, 255, 0.87);
background: #040d19; background: #040d19;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-light-blue/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#3B82F6; --primary-color:#3B82F6;
--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:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-light-indigo/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#6366F1; --primary-color:#6366F1;
--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:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-light-purple/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#8B5CF6; --primary-color:#8B5CF6;
--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:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {

14
public/themes/lara-light-teal/theme.css
View File

@ -9,7 +9,7 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#14B8A6; --primary-color:#14B8A6;
--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:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -52,7 +52,7 @@
} }
.p-component { .p-component {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +85,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +265,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input { .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -722,7 +722,7 @@
padding: 0.375rem 0; padding: 0.375rem 0;
} }
.p-chips .p-chips-multiple-container .p-chips-input-token input { .p-chips .p-chips-multiple-container .p-chips-input-token input {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1087,7 +1087,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5894,7 +5894,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'DM Sans', sans-serif;
} }
.p-button-label { .p-button-label {