Comments (5)
I'm having the same problem. I'm trying to override the variable on a custom stylesheet but nothing seems to change on the panel.
from active_material.
same here!
in active_admin.scss
I have following lines:
@import "active_material";
$am-theme-primary: #000 !important;
#000 is just test color. I can't get it to override the variable as it mentions in the docs. Did anyone break through on this?
from active_material.
@colinambler These color values are set as defaults. This means they will respect any existing Sass variables. Any variable assignments added after importing active_material won't be show up.
So instead of:
@import "active_material";
$am-theme-primary: #000 !important;
Try:
$am-theme-primary: #000;
@import "active_material";
I also noticed that I didn't make this super clear in our customization document. I've updated that with more specific information on overriding color variables, and a more comprehensive list of what overrides are available.
from active_material.
@paulitolinhares, @itshakeel23 would you be willing to confirm for me that this addresses your issue as well?
from active_material.
Awesome!! This worked great for me. Nice updates to the docs too. 👍 Thanks @nhunzaker
from active_material.
Related Issues (20)
- Datepicker container not hidden
- Disabled style for input fields
- Active comments have missing styles
- Fix responsiveness for images inside a table
- Initial setup issue HOT 4
- New release HOT 6
- Scopes use $am-fill(primary) - if the primary is a dark color it's illegible HOT 1
- Is it possible to display all table action buttons instead of concealing them?
- Unable to install v1.5.0 HOT 1
- Webpacker Support HOT 10
- Missing CSS for semantic errors HOT 1
- Per page dropdown style is not implemented HOT 1
- Transfer ownership
- File to import not found or unreadable: active_material/values/*. HOT 3
- Showing double-chevron in sortable column header HOT 1
- Unable to change menu orientation to left hand side HOT 1
- Mobile responsiveness issue HOT 1
- font.js is written in a non-strict mode HOT 1
- Table column actions are not shown correctly
- Add support for nested menu HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from active_material.