Comments (3)
That should be it though to change the text color, which you managed to do. There's also a Code section in typography
, which defines a background color based on $code-background-color
in settings_colors
.
In general to find out where a style is coming from:
- run
serve
with_config_dev.yml
(instructions inside)
needed to havesite.sass.line_numbers: true
- this will result in comments above each style in generated css
- open page in Chrome/Firefox and open inspector/dev tools/firebug
- Inspect an element you want to change the style of
- Find the CSS style you're interested in and click the line source (upper right):
- Read the comment which .scss file it is coming from
This only works well on non-minified sources, that's why you need the dev config.
from feeling-responsive.
I was trying to make similar changes and found everything I was looking for in /_sass/_01_settings_colors.scss
. In particular, I was looking to change the green/turquoise used in the navigation bar.
The green code highlighting you mention is found on line 120, $code-background-color: scale-color($secondary-color, $lightness: 70%);
which links back to $ci-6: #A1D044; // green
.
In this file you can change the entire color scheme of Feeling Responsive by altering the Corporate Identity Colorpalette
line 29-34. Some good alternative color schemes can be found on https://color.adobe.com/.
from feeling-responsive.
Thankyou @hpigot
from feeling-responsive.
Related Issues (20)
- Various missing icons? HOT 2
- Layouts: xml-style-xsl missing page front-matter value
- Please add a Light/Dark toggle button HOT 5
- Navbar for links located inside the page do not close the navbar - long page websites on small phones HOT 1
- Navigation order in small view HOT 1
- Top menu bar disappearing after resizing window from large towards mobile (small) HOT 2
- README: no installation instructions HOT 5
- Feeling Responsive Theme Version 1.92 - release date 2021-06-21
- Narrow pages and mobile nav seems broken HOT 1
- Header Images not loading HOT 2
- Inserting Overlay Content Into Header
- Footer Is Not Full Page Width On Some Pages Of My Website
- How can I increase the size of the logo / masthead?
- Docker build fails due to ruby/listen gem incompatability HOT 3
- How to use the theme with Jekyll HOT 2
- Is it possible to make the site show pages in two languages easily? HOT 5
- Sass deprecations HOT 1
- Could not find a valid gem 'jekyll-theme-feeling-responsive' HOT 2
- Getting a build error HOT 9
- Random header image on load
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 feeling-responsive.