Update variables.css from nextcloud server

[vinicius73]

Related to: #3095

Just update styleguide/assets/variables.css using the script below in preparation to automate this process.

NEXTCLOUD=http://nextcloud.local
TARGET=/tmp/vars-temp
TARGET_OUTPUT=styleguide/assets/variables.css

printf "\n\n/* Plain */\n" > $TARGET
curl $NEXTCLOUD/index.php/apps/theming/theme/default.css?plain=1 >> $TARGET

printf "\n\n/* Light */\n" >> $TARGET
printf "@media (prefers-color-scheme: light) {" >> $TARGET
curl $NEXTCLOUD/index.php/apps/theming/theme/light.css?plain=1 >> $TARGET
printf "}" >> $TARGET

printf "\n\n/* Dark */\n" >> $TARGET
printf "@media (prefers-color-scheme: dark) {" >> $TARGET
curl $NEXTCLOUD/index.php/apps/theming/theme/dark.css?plain=1 >> $TARGET
printf "}" >> $TARGET

cat $TARGET | sed -E "s/\-\-[^:]*:\s*url[(]'[^;]+'\);//g" > $TARGET_OUTPUT

[raimund-schluessler]

This applies random dark styles from the server I guess. Most buttons have a dark background, hover effects are weird, action menus are black. There is more stuff, that is easily visible if one looks at the result in the docs once.

See the button component as example:

Edit: I realized this happens because my system/browser is set to dark mode. But if the styleguide reacts to this setting it should work properly (or be ignored completely, as it is now).

[skjnldsv]

We could also just load the https://github.com/nextcloud/server/blob/master/apps/theming/css/default.css file :)