Skip to content

Commit

Permalink
Fixed #13713 - Font updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@cagataycivici
cagataycivici committed Sep 21, 2023
1 parent 58249c9 commit 08630dd
Show file tree
Hide file tree
Showing 64 changed files with 334 additions and 152 deletions.
10 changes: 0 additions & 10 deletions src/app/showcase/doc/installation/stylesdoc.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,10 +14,6 @@ import { Code } from '../../domain/code';
<h3>styles.css</h3>
<app-code [code]="code2" [hideToggleCode]="true"></app-code>
<h3>Font</h3>
<p>Each PrimeNG theme has its own font family so it is suggested to apply it to your application for a unified look.</p>
<app-code [code]="code3" [hideToggleCode]="true"></app-code>
</app-docsectiontext>
</section>`
})
Expand All @@ -39,10 +35,4 @@ export class StylesDoc {
scss: `@import "primeng/resources/themes/lara-light-blue/theme.css";
@import "primeng/resources/primeng.css";`
};

code3: Code = {
scss: `body {
font-family: var(--font-family);
}`
};
}
3 changes: 2 additions & 1 deletion src/assets/components/themes/arya-blue/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#64B5F6;
--primary-color-text:#212529;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #121212;
--surface-50: #2a2a2a;
--surface-100: #414141;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/arya-green/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#81C784;
--primary-color-text:#212529;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #121212;
--surface-50: #2a2a2a;
--surface-100: #414141;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/arya-orange/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#FFD54F;
--primary-color-text:#212529;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #121212;
--surface-50: #2a2a2a;
--surface-100: #414141;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/arya-purple/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#121212;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#BA68C8;
--primary-color-text:#ffffff;
--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
--surface-0: #121212;
--surface-50: #2a2a2a;
--surface-100: #414141;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/bootstrap4-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#20262e;
--surface-c:rgba(255, 255, 255, 0.04);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#8dd0ff;
--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-50: #363c43;
--surface-100: #4d5158;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/bootstrap4-dark-purple/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#20262e;
--surface-c:rgba(255, 255, 255, 0.04);
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#c298d8;
--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-50: #363c43;
--surface-100: #4d5158;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/bootstrap4-light-blue/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#efefef;
--surface-c:#e9ecef;
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:#6c757d;
--primary-color:#007bff;
--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-50: #f9fafb;
--surface-100: #f8f9fa;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/bootstrap4-light-purple/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#efefef;
--surface-c:#e9ecef;
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:#6c757d;
--primary-color:#883cae;
--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-50: #f9fafb;
--surface-100: #f8f9fa;
Expand Down
3 changes: 2 additions & 1 deletion src/assets/components/themes/fluent-light/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,6 @@
: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-b:#faf9f8;
--surface-c:#f3f2f1;
Expand All @@ -9,7 +11,6 @@
--text-color-secondary:#605e5c;
--primary-color:#0078d4;
--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-50: #f3f2f1;
--surface-100: #e1dfdd;
Expand Down
Binary file added src/assets/components/themes/lara-dark-blue/fonts/Inter-italic.var.woff2
View file
Binary file not shown.
Binary file added src/assets/components/themes/lara-dark-blue/fonts/Inter-roman.var.woff2
View file
Binary file not shown.
33 changes: 26 additions & 7 deletions src/assets/components/themes/lara-dark-blue/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
: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-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +13,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#93C5FD;
--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;
--surface-0: #040d19;
--surface-50: #1d2530;
--surface-100: #363d47;
Expand Down Expand Up @@ -47,12 +50,28 @@
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;
}

.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: "Inter var", sans-serif;
font-size: 1rem;
font-weight: normal;
}
Expand Down Expand Up @@ -85,7 +104,7 @@

.p-link {
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: "Inter var", sans-serif;
border-radius: 6px;
}
.p-link:focus {
Expand Down Expand Up @@ -265,7 +284,7 @@
padding: 0.375rem 0;
}
.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
Expand Down Expand Up @@ -764,7 +783,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
padding: 0.375rem 0;
}
.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
Expand Down Expand Up @@ -1165,7 +1184,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
}

.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
background: #040d19;
Expand Down Expand Up @@ -6289,7 +6308,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
}
.p-terminal .p-terminal-input {
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: "Inter var", sans-serif;
}

.p-button-label {
Expand Down
Binary file added src/assets/components/themes/lara-dark-indigo/fonts/Inter-italic.var.woff2
View file
Binary file not shown.
Binary file added src/assets/components/themes/lara-dark-indigo/fonts/Inter-roman.var.woff2
View file
Binary file not shown.
33 changes: 26 additions & 7 deletions src/assets/components/themes/lara-dark-indigo/theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,8 @@
: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-b:#040d19;
--surface-c:rgba(255, 255, 255, 0.03);
Expand All @@ -9,7 +13,6 @@
--text-color-secondary:rgba(255, 255, 255, 0.6);
--primary-color:#A5B4FC;
--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;
--surface-0: #040d19;
--surface-50: #1d2530;
--surface-100: #363d47;
Expand Down Expand Up @@ -47,12 +50,28 @@
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;
}

.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: "Inter var", sans-serif;
font-size: 1rem;
font-weight: normal;
}
Expand Down Expand Up @@ -85,7 +104,7 @@

.p-link {
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: "Inter var", sans-serif;
border-radius: 6px;
}
.p-link:focus {
Expand Down Expand Up @@ -265,7 +284,7 @@
padding: 0.375rem 0;
}
.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
Expand Down Expand Up @@ -764,7 +783,7 @@ p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
padding: 0.375rem 0;
}
.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
padding: 0;
Expand Down Expand Up @@ -1165,7 +1184,7 @@ p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
}

.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: "Inter var", sans-serif;
font-size: 1rem;
color: rgba(255, 255, 255, 0.87);
background: #040d19;
Expand Down Expand Up @@ -6289,7 +6308,7 @@ p-treeselect.p-treeselect-clearable .p-treeselect-clear-icon {
}
.p-terminal .p-terminal-input {
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: "Inter var", sans-serif;
}

.p-button-label {
Expand Down
Binary file added src/assets/components/themes/lara-dark-purple/fonts/Inter-italic.var.woff2
View file
Binary file not shown.
Binary file added src/assets/components/themes/lara-dark-purple/fonts/Inter-roman.var.woff2
View file
Binary file not shown.
Loading

1 comment on commit 08630dd

@vercel
Copy link

@vercel vercel bot commented on 08630dd Sep 21, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

primeng-ssr-test – ./

primeng-ssr-test-git-master-primeng-test.vercel.app
primeng-ssr-test.vercel.app
primeng-ssr-test-primeng-test.vercel.app

Please sign in to comment.