Giter Site home page Giter Site logo

Cannot Change Theme Style about hugo-theme-m10c HOT 4 CLOSED

vaga avatar vaga commented on August 28, 2024 1
Cannot Change Theme Style

from hugo-theme-m10c.

Comments (4)

stuartmacfarlane avatar stuartmacfarlane commented on August 28, 2024 1

Think I figured it out :)
You are using Hugo Extended version which means your repo contains your compiled version of the CSS in "m10c/resources/_gen/assets/scss/css/"

My version on windows is not extended and does not support the ability to re-generate the CSS as shown when I remove that folders contents:

Building sites … ERROR 2019/02/27 21:11:57 error: failed to transform resource: TOCSS: failed to transform "css/main.scss" (text/x-scss): this feature is not available in your current Hugo version
Total in 24 ms

I will try updating to extended version of Hugo!

from hugo-theme-m10c.

vaga avatar vaga commented on August 28, 2024

Hi,

I don't have this issue. 🤔 Show me your config.toml.

from hugo-theme-m10c.

stuartmacfarlane avatar stuartmacfarlane commented on August 28, 2024
baseURL = "https://stuartmacfarlane.github.io/"
languageCode = "en-gb"
title = "Stuart Macfarlane"
theme = "m10c"

[params]
  author = "Stuart Macfarlane"
  description = "IT Consultant, Magento Moderator, Gamer and Dad"

  [[params.social]]
    name = "github"
    url = "https://github.com/stuartmacfarlane"
  [[params.social]]
    name = "twitter"
    url = "https://twitter.com/multiplay_stu"

  [params.style]
    darkestColor = "#d35050"
    darkColor = "#212121"
    primaryColor = "#ffffff"
    lightColor = "#a2a2a2"
    lightestColor = "#d3d3d3"

from hugo-theme-m10c.

stuartmacfarlane avatar stuartmacfarlane commented on August 28, 2024

I even changed the default values in "m10c/assets/css/main.scss" and they still end up using the original generated ones... This is more than likely something I'm doing wrong as I'm new to hugo however I cannot for the life of me figure out where.

$darkest-color: {{ .Site.Params.style.darkestColor | default "#d35050" }};
$dark-color: {{ .Site.Params.style.darkColor | default "#212121" }};
$light-color: {{ .Site.Params.style.lightColor | default "#f5e3e0" }};
$lightest-color: {{ .Site.Params.style.lightestColor | default "#f5f5f5" }};
$primary-color: {{ .Site.Params.style.primaryColor | default "#fff" }};

from hugo-theme-m10c.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.