Skip to content

Commit

Permalink
[UXE-4364] feat: default theme supporting dark/light mode (#22)
Browse files Browse the repository at this point in the history 
* feat: one theme supporting dark/light mode

* chore: theme improvements

* CHORE: define vars by class

* chore: export default theme
  • Loading branch information
@lfsigreja
lfsigreja authored Aug 5, 2024
1 parent 9f4860b commit 8440a61
Show file tree
Hide file tree
Showing 48 changed files with 4,578 additions and 1 deletion.
1 change: 1 addition & 0 deletions default.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
import './src/azion/theme.scss';
3 changes: 2 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@
],
"exports": {
"./dark": "./dark.js",
"./light": "./light.js"
"./light": "./light.js",
".": "./default.js"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
Expand Down
1 change: 1 addition & 0 deletions src/azion/_custom.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@import './custom/selection'
30 changes: 30 additions & 0 deletions src/azion/_extensions.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
/* Customizations to the designer theme should be defined here */
@layer primevue {
@import './extended-components/button';
@import './extended-components/selectbutton';
@import './extended-components/tabview';
@import './extended-components/tabmenu';
@import './extended-components/divider';
@import './extended-components/dropdownitem';
@import './extended-components/inlinemessage';
@import './extended-components/breadcumb';
@import './extended-components/sidebar';
@import './extended-components/tooltip';
@import './extended-components/datatable';
@import './extended-components/inputpassword';
@import './extended-components/toast';
@import './extended-components/inputswitch';
@import './extended-components/radiobutton';
@import './extended-components/checkbox';
@import './extended-components/tag';
@import './extended-components/markdown';
@import './extended-components/listbox';
@import './extended-components/inputnumber';
@import './extended-components/calendar';
@import './extended-components/badge';
@import './extended-components/menuitem';
@import './extended-components/progressbar';
@import './extended-components/dialog';
@import './extended-components/multiselect';

}
156 changes: 156 additions & 0 deletions src/azion/_fonts.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,156 @@
// Configuration for the font-face of the theme, defaults to the system font so left as blank
@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-light.eot');
src:
url('https://fonts.azion.com/roboto/roboto-light.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-light.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-light.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-light.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-light.svg#roboto-light') format('svg');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto Mono';
src: url('https://fonts.azion.com/roboto-mono/roboto-mono-regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto Mono';
src: url('https://fonts.azion.com/roboto-mono/roboto-mono-light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-regular.eot');
src:
url('https://fonts.azion.com/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-regular.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-regular.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-regular.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-regular.svg#Roboto-Regular') format('svg');
font-weight: 400;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-italic.eot');
src:
url('https://fonts.azion.com/roboto/roboto-italic.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-italic.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-italic.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-italic.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-italic.svg#roboto-italic') format('svg');
font-weight: 400;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-medium.eot');
src:
url('https://fonts.azion.com/roboto/roboto-medium.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-medium.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-medium.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-medium.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-medium.svg#roboto-medium') format('svg');
font-weight: 500;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-mediumitalic.eot');
src:
url('https://fonts.azion.com/roboto/roboto-mediumitalic.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-mediumitalic.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-mediumitalic.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-mediumitalic.svg#roboto-mediumitalic') format('svg');
font-weight: 500;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-bold.eot');
src:
url('https://fonts.azion.com/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-bold.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-bold.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-bold.svg#roboto-bold') format('svg');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-bold.eot');
src:
url('https://fonts.azion.com/roboto/roboto-bold.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-bold.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-bold.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-bold.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-bold.svg#roboto-bold') format('svg');
font-weight: bold;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-bolditalic.eot');
src:
url('https://fonts.azion.com/roboto/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.svg#roboto-bolditalic') format('svg');
font-weight: bold;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-bolditalic.eot');
src:
url('https://fonts.azion.com/roboto/roboto-bolditalic.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-bolditalic.svg#roboto-bold') format('svg');
font-weight: 600;
font-style: italic;
font-display: swap;
}

@font-face {
font-family: 'Roboto';
src: url('https://fonts.azion.com/roboto/roboto-black.eot');
src:
url('https://fonts.azion.com/roboto/roboto-black.eot?#iefix') format('embedded-opentype'),
url('https://fonts.azion.com/roboto/roboto-black.woff2') format('woff2'),
url('https://fonts.azion.com/roboto/roboto-black.woff') format('woff'),
url('https://fonts.azion.com/roboto/roboto-black.ttf') format('truetype'),
url('https://fonts.azion.com/roboto/roboto-black.svg#roboto-black') format('svg');
font-weight: 700;
font-style: normal;
font-display: swap;
}
Loading

0 comments on commit 8440a61

Please sign in to comment.