Get 2024 Templates Mega Bundle!14 Bootstrap, Vue & React Templates + 3 Vector Sets
Get for 99$

Is the background color change in 8.2.2 intentional?


I've updated from 8.1.7 to 8.2.2 and the .app-default background-color has changed from #F5F8FA (grey) to #FCFCFC (almost-white). There are also other notable changes, such as the background color of the sidebar which is now darker or the scroll bar which is now less visible.




Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


Yes, the changes in background colors in version 8.2.2 are intentional. We made design updates to enhance the overall look and feel of the theme. You can check the HTML version for a preview of the updated design:

https://preview.keenthemes.com/metronic8/demo1/index.html

Keep in mind that the HTML version serves as the primary reference, and any changes made there are intended to be reflected in other parts of the theme.

If you have further questions or if there's anything specific you'd like to know, feel free to ask. We appreciate your understanding.



Ok, that screenshots are from the HTML version.

In my opinion, this change is very big for the users and I personally don't like it because the top bar is not distinguishable as such.

We are using it on laravel compiling with Vite and now a script is needed to set the sticky header for the solid background to work.

How are we supposed to do the updates? We have to manually check if everything is working as expected, since there is no way to know what changes you have made.

For this example, you have added many data-kt-sticky attributes to #kt_app_header, but we can't know it easily, so if we copy sass and js and compile, the website is broken.

Also the Github repo is useless for this, its only a copy of each version. Last commit has 540397 changed files.



Hi,

Sorry for the late reply.

May I now, if are you using the default HTML Demo 1 with your own laravel app or Metronic's laravel started kit?

There were some breaking changes between v8.1.x and v8.2.x. The easier way would be just to update the entire view files and src/assets and recompile your assets.

Yes, the page background and header changes were a design improvement and if you like to use the old style we can guide you on how to set the previous background and header colors. You only need to make a few changes in the sass files.

Regards.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(