question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Default theme will be loaded regardless of theme.config

See original GitHub issue

Help Wanted

What i’m trying to do is have the FUI primary color be bounded to a css var(), the main issue is the usage of pre-processing functions. So what i did is to copy the site.variables of the default them and copied it to /site/globals/site.variables and modified every primary related var to a css var(), like this: @linkColor : var(--accent-link-color); @primaryBackground : var(--accent-bg-color); I then went ahead and tried to compile and got the following:

{ [Error: error evaluating function darken: color.toHSL is not a function in file /home/yahav/fomantic_themeColors/semantic/src/themes/default/globals/site.variables line no. 145] message: 'error evaluating function darken: color.toHSL is not a function in file /home/yahav/fomantic_themeColors/semantic/src/themes/default/globals/site.variables line no. 145', stack: undefined, type: 'Runtime', filename: '/home/yahav/fomantic_themeColors/semantic/src/themes/default/globals/site.variables', index: 3383, line: 145, column: 23, callLine: NaN, callExtract: undefined, extract: [ '@linkUnderline : none;', '@linkHoverColor : darken(saturate(@linkColor, 20), 15, relative);', '@linkHoverUnderline : @linkUnderline;' ], lineNumber: 145, fileName: '/home/yahav/fomantic_themeColors/semantic/src/themes/default/globals/site.variables', name: 'Error', plugin: 'gulp-less', showProperties: true, showStack: false, __safety: { toString: [Function: bound ] } }

so i created a new theme folder, basically copied the default theme and renamed it, i then copied the /site/globals/site.variables file to this new theme’s site.variables and changed every occurrence of ‘default’ at theme.config to the new theme’s name. and yet, i still get the same error which means FUI is trying to compile the themes/default/globals/site.variables file although i have defined the new theme AND have a site/globals/site.variables file overriding it a well.

I can simply overwrite the default theme site.variables and it will work (i had this same setup when i was using SUI) but it won’t be wise. Any ideas?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:21 (10 by maintainers)

github_iconTop GitHub Comments

1reaction
exoegocommented, May 10, 2019

@Yahav

you totally ruined you’ve damaged

Hey,that is not respectful way to communicate with people. Even contributors, those who are dedicating themselves to maintain spirit of SUI, sometimes made a wrong design choice accidentally that may break some use case. Contributors do not intend to damage SUI.

0reactions
Yahavcommented, May 11, 2019

@lubber-de
I haven’t been able to make the:

custom/site.variables //(var(–) in “good” order

part as well, had to rewrite the entire default/site.variables. There must be a way, otherwise, what good is a theme system. updated my git to showcase the successful build when overriding the default theme as opposed to trying to use the theme system: https://github.com/Yahav/fomanticUiColorSystem/

Read more comments on GitHub >

github_iconTop Results From Across the Web

Changelog - Default Theme - Hyvä Docs
By default, the first three images are eagerly loaded. For more information please refer to ... Add layout directory to default theme purge...
Read more >
Theme Configuration - Tailwind CSS
If you would like to customize the default theme, you have a few different options depending on your goals.
Read more >
Troubleshooting Themes - Liferay Help Center
By default CSS, JS, and theme template files are cached in the browser. During development, you can enable Devloper Mode to prevent your...
Read more >
10 Common WordPress Theme Issues & How To Fix Them
The “failed” to import error is usually 1 of 2 things. The first is that it could be trying to load posts or...
Read more >
ionic 5 forcing light theme for the browser app - Stack Overflow
Since version 79 of the Chrome browser, you can choose between CSS prefers-color-sheme media feature values. Ionic respects this media ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found