Atlantis + Designer

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
Paviloma
Posts: 8
Joined: 13 Aug 2021, 16:39

18 Sep 2021, 20:14

Hello,

Please, can you explain me how to import my Atlantis theme into Prime Designer ?
I didn't found a doc or a page that explain how to do it.

Thanks !

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

02 Oct 2021, 20:38

Hi,

You can import your Atlantis theme following the below steps;

1. Create a new folder like custom in themes folder (sass/themes/custom)
2. Copy and paste extensions folder into this folder (sass/themes/custom/extensions)
3. Create a _variables.scss file into custom folder (sass/themes/custom/_variables.scss) and copy all variables from Atlantis theme (sass/variables/theme/_theme_light.scss) and paste to this file.
4. Create theme.scss file into custom folder (sass/themes/custom/theme.scss) and add imports and primary colors like the below code;

Code: Select all

$primaryColor: #0F8BFD;
$primaryLightColor: scale-color($primaryColor, $lightness: 60%) !default;
$primaryDarkColor: scale-color($primaryColor, $lightness: -10%) !default;
$primaryDarkerColor: scale-color($primaryColor, $lightness: -20%) !default;
$primaryTextColor: #ffffff;

$highlightBg: $primaryColor;
$highlightTextColor: $primaryTextColor;

@import './variables';
@import '../../designer/_components';
@import './extensions/_vendor_extensions';
and run sass command

Code: Select all

sass --watch src/sass:src/sass --no-source-map
Best regards,
Merve Özçifçi

Paviloma
Posts: 8
Joined: 13 Aug 2021, 16:39

06 Oct 2021, 15:09

Thanks :)

Post Reply

Return to “Atlantis - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 5 guests