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.

Use css vars for theming

See original GitHub issue

The Issue

To make a theme I need to compile all scss into > all.css every time a change it’s made. Also I can’t edit vars from developer-tools ( because its get compiled to css values ), so this make a tedious process for testing / creating new themes.

Steps to reproduce

  1. Copy all scss styles.
  2. Modify vars.
  3. Build / compile scss > all.css

Expected behaviour

Enable editing themes (vars) inside developer-tools

Actual behaviour

To make a theme I need to compile all scss into > all.css every time a change it’s made. Also I can’t edit vars from developer-tools ( because its get compiled to css values ), so this make a tedious process for testing / creating new themes.

System Configuration

Configuration Version
App 0.14.3
Daemon (lbrynet) 0.14.2
Wallet (lbryum) 3.1.4
Platform Linux (Linux-4.10.0-28-generic-x86_64-with-elementary-0.4.1-loki)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
kauffjcommented, Sep 7, 2017

Merged in branch v16, to be next release.

2reactions
MSFTservercommented, Aug 8, 2017

whipped one for an example and tester for people to use https://spee.ch/9/Custum-Create-Your-Own.png

Read more comments on GitHub >

github_iconTop Results From Across the Web

A guide to theming in CSS - LogRocket Blog
With CSS variables, we only need to define the value once and then reference it wherever needed. It is identical to defining a...
Read more >
Dynamic theme with CSS Variables - Medium
CSS pre-processor variables are good, but not enough for dynamic theming. Luckily, CSS variables can help to solve this challenge efficiently.
Read more >
The simplest CSS variable dark mode theme - Luke Lowrey
Using CSS variables for themes ... CSS variables are properties you can set in your stylesheets that can be used in later styles....
Read more >
Theming With CSS Variables - Prototypr
The easiest way is to use CSS variables — manage hundreds of places where you implemented different styles much better with a small...
Read more >
How to set up site theming with CSS variables | Creative Bloq
CSS Custom Properties, commonly known as CSS variables, are now supported by all major modern browsers. This means that for projects that ...
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