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

Fixed #4483 - Use Inter Var for Lara as the default theme

pull/4485/head
Cagatay Civici 2023-09-21 11:42:35 +03:00
parent f8d27530c8
commit 5a0b809d0e
67 changed files with 292 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
doc/installation/StyledModeDoc.vue
View File

@ -4,9 +4,7 @@
Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the
<NuxtLink to="/theming/#themes">Themes</NuxtLink> section for the complete list of available themes to choose from. <NuxtLink to="/theming/#themes">Themes</NuxtLink> section for the complete list of available themes to choose from.
</p> </p>
<DocSectionCode :code="code1" hideToggleCode importCode hideCodeSandbox hideStackBlitz /> <DocSectionCode :code="code" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
<p>Each PrimeVue theme has its own font family so it is suggested to apply it to your application as well for a unified look.</p>
<DocSectionCode :code="code2" hideToggleCode importCode hideCodeSandbox hideStackBlitz />
</DocSectionText> </DocSectionText>
</template> </template>
@ -14,14 +12,9 @@
export default { export default {
data() { data() {
return { return {
code1: { code: {
basic: `//theme basic: `//theme
import "primevue/resources/themes/lara-light-indigo/theme.css";` import "primevue/resources/themes/lara-light-indigo/theme.css";`
},
code2: {
basic: `body {
font-family: var(--font-family);
} `
} }
}; };
} }

4
nuxt.config.js
View File

@ -42,10 +42,6 @@ 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: [

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#2a323d; --surface-a:#2a323d;
--surface-b:#20262e; --surface-b:#20262e;
--surface-c:rgba(255, 255, 255, 0.04); --surface-c:rgba(255, 255, 255, 0.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#8dd0ff; --primary-color:#8dd0ff;
--primary-color-text:#151515; --primary-color-text:#151515;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #20262e; --surface-0: #20262e;
--surface-50: #363c43; --surface-50: #363c43;
--surface-100: #4d5158; --surface-100: #4d5158;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#2a323d; --surface-a:#2a323d;
--surface-b:#20262e; --surface-b:#20262e;
--surface-c:rgba(255, 255, 255, 0.04); --surface-c:rgba(255, 255, 255, 0.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#c298d8; --primary-color:#c298d8;
--primary-color-text:#151515; --primary-color-text:#151515;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #20262e; --surface-0: #20262e;
--surface-50: #363c43; --surface-50: #363c43;
--surface-100: #4d5158; --surface-100: #4d5158;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#efefef; --surface-b:#efefef;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#007bff; --primary-color:#007bff;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #f9fafb; --surface-50: #f9fafb;
--surface-100: #f8f9fa; --surface-100: #f8f9fa;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#efefef; --surface-b:#efefef;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#883cae; --primary-color:#883cae;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #f9fafb; --surface-50: #f9fafb;
--surface-100: #f8f9fa; --surface-100: #f8f9fa;

3
public/themes/fluent-light/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#faf9f8; --surface-b:#faf9f8;
--surface-c:#f3f2f1; --surface-c:#f3f2f1;
@ -9,7 +11,6 @@
--text-color-secondary:#605e5c; --text-color-secondary:#605e5c;
--primary-color:#0078d4; --primary-color:#0078d4;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #f3f2f1; --surface-50: #f3f2f1;
--surface-100: #e1dfdd; --surface-100: #e1dfdd;

BIN
public/themes/lara-dark-blue/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-dark-blue/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#071426; --surface-a:#071426;
--surface-b:#040d19; --surface-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +13,6 @@
--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:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -47,12 +50,28 @@
color-scheme: dark; color-scheme: dark;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#071426; --surface-a:#071426;
--surface-b:#040d19; --surface-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +13,6 @@
--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:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -47,12 +50,28 @@
color-scheme: dark; color-scheme: dark;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-dark-purple/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-dark-purple/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#071426; --surface-a:#071426;
--surface-b:#040d19; --surface-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +13,6 @@
--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:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -47,12 +50,28 @@
color-scheme: dark; color-scheme: dark;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-dark-teal/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-dark-teal/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#071426; --surface-a:#071426;
--surface-b:#040d19; --surface-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +13,6 @@
--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:'DM Sans', sans-serif;
--surface-0: #040d19; --surface-0: #040d19;
--surface-50: #1d2530; --surface-50: #1d2530;
--surface-100: #363d47; --surface-100: #363d47;
@ -47,12 +50,28 @@
color-scheme: dark; color-scheme: dark;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", 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;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-light-blue/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-light-blue/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +13,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#3B82F6; --primary-color:#3B82F6;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -47,12 +50,28 @@
color-scheme: light; color-scheme: light;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-light-indigo/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-light-indigo/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +13,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#6366F1; --primary-color:#6366F1;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -47,12 +50,28 @@
color-scheme: light; color-scheme: light;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-light-purple/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-light-purple/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +13,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#8B5CF6; --primary-color:#8B5CF6;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -47,12 +50,28 @@
color-scheme: light; color-scheme: light;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

BIN
public/themes/lara-light-teal/fonts/Inter-italic.var.woff2 Normal file
View File

Binary file not shown.

BIN
public/themes/lara-light-teal/fonts/Inter-roman.var.woff2 Normal file
View File

Binary file not shown.

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

@ -1,4 +1,8 @@
:root { :root {
font-family: Inter var, sans-serif;
font-feature-settings: "cv02", "cv03", "cv04", "cv11";
font-variation-settings: normal;
--font-family:Inter var, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +13,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#14B8A6; --primary-color:#14B8A6;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:'DM Sans', sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;
@ -47,12 +50,28 @@
color-scheme: light; color-scheme: light;
} }
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: normal;
font-named-instance: "Regular";
src: url("./fonts/Inter-roman.var.woff2?v=3.19") format("woff2");
}
@font-face {
font-family: "Inter var";
font-weight: 100 900;
font-display: swap;
font-style: italic;
font-named-instance: "Italic";
src: url("./fonts/Inter-italic.var.woff2?v=3.19") format("woff2");
}
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.p-component { .p-component {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
font-weight: normal; font-weight: normal;
} }
@ -85,7 +104,7 @@
.p-link { .p-link {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
border-radius: 6px; border-radius: 6px;
} }
.p-link:focus { .p-link:focus {
@ -265,7 +284,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -728,7 +747,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: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
padding: 0; padding: 0;
@ -1093,7 +1112,7 @@
} }
.p-inputtext { .p-inputtext {
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
font-size: 1rem; font-size: 1rem;
color: #495057; color: #495057;
background: #ffffff; background: #ffffff;
@ -5900,7 +5919,7 @@
} }
.p-terminal .p-terminal-input { .p-terminal .p-terminal-input {
font-size: 1rem; font-size: 1rem;
font-family: 'DM Sans', sans-serif; font-family: "Inter var", sans-serif;
} }
.p-button-label { .p-button-label {

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
@ -9,7 +11,6 @@
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #FFE082; --primary-color: #FFE082;
--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;
--surface-0: #191919; --surface-0: #191919;
--surface-50: #303030; --surface-50: #303030;
--surface-100: #474747; --surface-100: #474747;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
@ -9,7 +11,6 @@
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #81D4FA; --primary-color: #81D4FA;
--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;
--surface-0: #191919; --surface-0: #191919;
--surface-50: #303030; --surface-50: #303030;
--surface-100: #474747; --surface-100: #474747;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
@ -9,7 +11,6 @@
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #C5E1A5; --primary-color: #C5E1A5;
--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;
--surface-0: #191919; --surface-0: #191919;
--surface-50: #303030; --surface-50: #303030;
--surface-100: #474747; --surface-100: #474747;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #191919; --surface-a: #191919;
--surface-b: #191919; --surface-b: #191919;
--surface-c: #4c4c4c; --surface-c: #4c4c4c;
@ -9,7 +11,6 @@
--text-color-secondary: #888888; --text-color-secondary: #888888;
--primary-color: #F48FB1; --primary-color: #F48FB1;
--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;
--surface-0: #191919; --surface-0: #191919;
--surface-50: #303030; --surface-50: #303030;
--surface-100: #474747; --surface-100: #474747;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#CE93D8; --primary-color:#CE93D8;
--primary-color-text:#121212; --primary-color-text:#121212;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#9FA8DA; --primary-color:#9FA8DA;
--primary-color-text:#121212; --primary-color-text:#121212;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#fafafa; --surface-b:#fafafa;
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(0, 0, 0, 0.6); --text-color-secondary:rgba(0, 0, 0, 0.6);
--primary-color:#673AB7; --primary-color:#673AB7;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#fafafa; --surface-b:#fafafa;
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(0, 0, 0, 0.6); --text-color-secondary:rgba(0, 0, 0, 0.6);
--primary-color:#3F51B5; --primary-color:#3F51B5;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#CE93D8; --primary-color:#CE93D8;
--primary-color-text:#121212; --primary-color-text:#121212;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#1e1e1e; --surface-a:#1e1e1e;
--surface-b:#121212; --surface-b:#121212;
--surface-c:hsla(0,0%,100%,.04); --surface-c:hsla(0,0%,100%,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#9FA8DA; --primary-color:#9FA8DA;
--primary-color-text:#121212; --primary-color-text:#121212;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #121212; --surface-0: #121212;
--surface-50: #2a2a2a; --surface-50: #2a2a2a;
--surface-100: #414141; --surface-100: #414141;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#fafafa; --surface-b:#fafafa;
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(0, 0, 0, 0.6); --text-color-secondary:rgba(0, 0, 0, 0.6);
--primary-color:#673AB7; --primary-color:#673AB7;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
font-family: Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#fafafa; --surface-b:#fafafa;
--surface-c:rgba(0,0,0,.04); --surface-c:rgba(0,0,0,.04);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(0, 0, 0, 0.6); --text-color-secondary:rgba(0, 0, 0, 0.6);
--primary-color:#3F51B5; --primary-color:#3F51B5;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Roboto, Helvetica Neue Light, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

3
public/themes/mira/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Inter, sans-serif;
--font-family:Inter, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#ECEFF4; --surface-b:#ECEFF4;
--surface-c:#D8DEE9; --surface-c:#D8DEE9;
@ -9,7 +11,6 @@
--text-color-secondary:#81A1C1; --text-color-secondary:#81A1C1;
--primary-color:#5E81AC; --primary-color:#5E81AC;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Inter, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #edeef0; --surface-50: #edeef0;
--surface-100: #dbdde1; --surface-100: #dbdde1;

3
public/themes/nano/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f2f4f8; --surface-b:#f2f4f8;
--surface-c:#dde1e6; --surface-c:#dde1e6;
@ -9,7 +11,6 @@
--text-color-secondary:#697077; --text-color-secondary:#697077;
--primary-color:#1174c0; --primary-color:#1174c0;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eff0f0; --surface-50: #eff0f0;
--surface-100: #dfe0e1; --surface-100: #dfe0e1;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #ffffff; --surface-a: #ffffff;
--surface-b: #f4f4f4; --surface-b: #f4f4f4;
--surface-c: #eaeaea; --surface-c: #eaeaea;
@ -9,7 +11,6 @@
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eef1f2; --surface-50: #eef1f2;
--surface-100: #dde2e4; --surface-100: #dde2e4;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #ffffff; --surface-a: #ffffff;
--surface-b: #f4f4f4; --surface-b: #f4f4f4;
--surface-c: #eaeaea; --surface-c: #eaeaea;
@ -9,7 +11,6 @@
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eef1f2; --surface-50: #eef1f2;
--surface-100: #dde2e4; --surface-100: #dde2e4;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #ffffff; --surface-a: #ffffff;
--surface-b: #f4f4f4; --surface-b: #f4f4f4;
--surface-c: #eaeaea; --surface-c: #eaeaea;
@ -9,7 +11,6 @@
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #41b883; --primary-color: #41b883;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eef1f2; --surface-50: #eef1f2;
--surface-100: #dde2e4; --surface-100: #dde2e4;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #ffffff; --surface-a: #ffffff;
--surface-b: #f4f4f4; --surface-b: #f4f4f4;
--surface-c: #eaeaea; --surface-c: #eaeaea;
@ -9,7 +11,6 @@
--text-color-secondary: #848484; --text-color-secondary: #848484;
--primary-color: #007ad9; --primary-color: #007ad9;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eef1f2; --surface-50: #eef1f2;
--surface-100: #dde2e4; --surface-100: #dde2e4;

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

@ -1,4 +1,6 @@
:root { :root {
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-a: #ffffff; --surface-a: #ffffff;
--surface-b: #f4f4f4; --surface-b: #f4f4f4;
--surface-c: #eaeaea; --surface-c: #eaeaea;
@ -9,7 +11,6 @@
--text-color-secondary: #6c757d; --text-color-secondary: #6c757d;
--primary-color: #7B95A3; --primary-color: #7B95A3;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #eef1f2; --surface-50: #eef1f2;
--surface-100: #dde2e4; --surface-100: #dde2e4;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#2196F3; --primary-color:#2196F3;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#4CAF50; --primary-color:#4CAF50;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#FFC107; --primary-color:#FFC107;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f8f9fa; --surface-b:#f8f9fa;
--surface-c:#e9ecef; --surface-c:#e9ecef;
@ -9,7 +11,6 @@
--text-color-secondary:#6c757d; --text-color-secondary:#6c757d;
--primary-color:#9C27B0; --primary-color:#9C27B0;
--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;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F5F5F5; --surface-100: #F5F5F5;

3
public/themes/soho-dark/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Lato, Helvetica, sans-serif;
--font-family:Lato, Helvetica, sans-serif;
--surface-a:#282936; --surface-a:#282936;
--surface-b:#1d1e27; --surface-b:#1d1e27;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#b19df7; --primary-color:#b19df7;
--primary-color-text:#1c1d26; --primary-color-text:#1c1d26;
--font-family:Lato, Helvetica, sans-serif;
--surface-0: #1d1e27; --surface-0: #1d1e27;
--surface-50: #34343d; --surface-50: #34343d;
--surface-100: #4a4b52; --surface-100: #4a4b52;

3
public/themes/soho-light/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Lato, Helvetica, sans-serif;
--font-family:Lato, Helvetica, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#eff3f8; --surface-b:#eff3f8;
--surface-c:#f6f9fc; --surface-c:#f6f9fc;
@ -9,7 +11,6 @@
--text-color-secondary:#708da9; --text-color-secondary:#708da9;
--primary-color:#7254f3; --primary-color:#7254f3;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Lato, Helvetica, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #f1f4f6; --surface-50: #f1f4f6;
--surface-100: #e2e8ee; --surface-100: #e2e8ee;

3
public/themes/tailwind-light/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#fafafa; --surface-b:#fafafa;
--surface-c:#f4f4f5; --surface-c:#f4f4f5;
@ -9,7 +11,6 @@
--text-color-secondary:#71717A; --text-color-secondary:#71717A;
--primary-color:#4F46E5; --primary-color:#4F46E5;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #FAFAFA; --surface-50: #FAFAFA;
--surface-100: #F4F4F5; --surface-100: #F4F4F5;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1f2d40; --surface-a:#1f2d40;
--surface-b:#17212f; --surface-b:#17212f;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #17212f; --surface-0: #17212f;
--surface-50: #2e3744; --surface-50: #2e3744;
--surface-100: #454d59; --surface-100: #454d59;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1f2d40; --surface-a:#1f2d40;
--surface-b:#17212f; --surface-b:#17212f;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #17212f; --surface-0: #17212f;
--surface-50: #2e3744; --surface-50: #2e3744;
--surface-100: #454d59; --surface-100: #454d59;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1f2d40; --surface-a:#1f2d40;
--surface-b:#17212f; --surface-b:#17212f;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #17212f; --surface-0: #17212f;
--surface-50: #2e3744; --surface-50: #2e3744;
--surface-100: #454d59; --surface-100: #454d59;

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

@ -1,4 +1,6 @@
:root { :root {
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-a:#1f2d40; --surface-a:#1f2d40;
--surface-b:#17212f; --surface-b:#17212f;
--surface-c:rgba(255, 255, 255, 0.03); --surface-c:rgba(255, 255, 255, 0.03);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--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;
--surface-0: #17212f; --surface-0: #17212f;
--surface-50: #2e3744; --surface-50: #2e3744;
--surface-100: #454d59; --surface-100: #454d59;

3
public/themes/viva-dark/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Poppins, sans-serif;
--font-family:Poppins, sans-serif;
--surface-a:#161d21; --surface-a:#161d21;
--surface-b:#0e1315; --surface-b:#0e1315;
--surface-c:rgba(158, 173, 230, 0.08); --surface-c:rgba(158, 173, 230, 0.08);
@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6); --text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#9eade6; --primary-color:#9eade6;
--primary-color-text:#121212; --primary-color-text:#121212;
--font-family:Poppins, sans-serif;
--surface-0: #0e1315; --surface-0: #0e1315;
--surface-50: #262b2c; --surface-50: #262b2c;
--surface-100: #3e4244; --surface-100: #3e4244;

3
public/themes/viva-light/theme.css
View File

@ -1,4 +1,6 @@
:root { :root {
font-family: Poppins, sans-serif;
--font-family:Poppins, sans-serif;
--surface-a:#ffffff; --surface-a:#ffffff;
--surface-b:#f5f5f5; --surface-b:#f5f5f5;
--surface-c:#edf0fA; --surface-c:#edf0fA;
@ -9,7 +11,6 @@
--text-color-secondary:#898989; --text-color-secondary:#898989;
--primary-color:#5472d4; --primary-color:#5472d4;
--primary-color-text:#ffffff; --primary-color-text:#ffffff;
--font-family:Poppins, sans-serif;
--surface-0: #ffffff; --surface-0: #ffffff;
--surface-50: #f1f3f5; --surface-50: #f1f3f5;
--surface-100: #e2e6eb; --surface-100: #e2e6eb;