can't use chamelon theme in own app

openSUSE / chameleon

openSUSE Design System for Web

https://static.opensuse.org/chameleon/

GNU General Public License v3.0

13 stars 10 forks source link

can't use chamelon theme in own app #14

Closed lnussel closed 4 years ago

lnussel commented 4 years ago

I've written a small app using jquery and bootstrap and wanted to switch to openSUSE's theme. However, including chameleon doesn't work:

Request to access cookie or storage on “https://static.opensuse.org/chameleon/dist/js/chameleon-no-bootstrap.js” was blocked because we are blocking all third-party storage access requests and content blocking is enabled. foobar.suse.de:5000
Error: Closing client. Could not access localStorage in hub. 2 chameleon-no-bootstrap.js:1:64111
Request to access cookie or storage on “https://static.opensuse.org/chameleon/hub.html” was blocked because we are blocking all third-party storage access requests and content blocking is enabled.

Looking at https://bootswatch.com/ it seems it's possible to have a bootstrap theme with only a css. Would it be possible to have a variant of chameleon that only replaces the css? Ie to only get the colors and styling but not extra controls?

guoyunhe commented 4 years ago

Hi, so the issue is related to Cookies/localStorage/CrossStorage. I think I can simply add a flag to disable all these things. All these storage accesses are actually for only one feature: the dark/light mode switching. If we disable the switch, the issue can also be fixed.

guoyunhe commented 4 years ago

I removed all cookies/localStorage/CrossStorage related code. Should be okay now. (need to wait 1 hour so static.opensuse.org pulls the latest code)

lnussel commented 4 years ago

Works better now, thanks! I still get this though:

Request to access cookie or storage on “https://static.opensuse.org/chameleon/dist/css/chameleon.css” was blocked because we are blocking all third-party storage access requests and content blocking is enabled. foobar.suse.de:5000
Request to access cookie or storage on “https://static.opensuse.org/chameleon/dist/js/chameleon-no-bootstrap.js” was blocked because we are blocking all third-party storage access requests and content blocking is enabled.

Do I actually need the js btw or is the css enough?

guoyunhe commented 4 years ago

I think your app configuration doesn't allow any external resources. So even CSS linking is blocked.

So I suggest to not use static.opensuse.org . Just download the repo, copy things ender dist folder into your app. Link chameleon.css and chameleon-no-bootstrap.js from there.

lnussel commented 4 years ago

ic. closing then. Thanks!