Problems customizing a theme

b4rtmoss · December 25, 2024, 12:20am

Hi,

I am using Github Pages and Jekyll for my blog with the “Moving”-Theme. Now I wanted to customize the colours, but it wont let me deploy the site.

I copied the moving.scss file, renamed it to dolch_theme.scss and customized it. After that I updated the filename in the main.scss file and tried to deploy it, but it does not seem to work and I do not know how to fix it. Do I have to change something to me main.scss so it can use the new file?

/usr/bin/docker run --name ghcrioactionsjekyllbuildpagesv1013_415f44 --label f622f6 --workdir /github/workspace --rm -e "INPUT_SOURCE" -e "INPUT_DESTINATION" -e "INPUT_FUTURE" -e "INPUT_BUILD_REVISION" -e "INPUT_VERBOSE" -e "INPUT_TOKEN" -e "HOME" -e "GITHUB_JOB" -e "GITHUB_REF" -e "GITHUB_SHA" -e "GITHUB_REPOSITORY" -e "GITHUB_REPOSITORY_OWNER" -e "GITHUB_REPOSITORY_OWNER_ID" -e "GITHUB_RUN_ID" -e "GITHUB_RUN_NUMBER" -e "GITHUB_RETENTION_DAYS" -e "GITHUB_RUN_ATTEMPT" -e "GITHUB_ACTOR_ID" -e "GITHUB_ACTOR" -e "GITHUB_WORKFLOW" -e "GITHUB_HEAD_REF" -e "GITHUB_BASE_REF" -e "GITHUB_EVENT_NAME" -e "GITHUB_SERVER_URL" -e "GITHUB_API_URL" -e "GITHUB_GRAPHQL_URL" -e "GITHUB_REF_NAME" -e "GITHUB_REF_PROTECTED" -e "GITHUB_REF_TYPE" -e "GITHUB_WORKFLOW_REF" -e "GITHUB_WORKFLOW_SHA" -e "GITHUB_REPOSITORY_ID" -e "GITHUB_TRIGGERING_ACTOR" -e "GITHUB_WORKSPACE" -e "GITHUB_ACTION" -e "GITHUB_EVENT_PATH" -e "GITHUB_ACTION_REPOSITORY" -e "GITHUB_ACTION_REF" -e "GITHUB_PATH" -e "GITHUB_ENV" -e "GITHUB_STEP_SUMMARY" -e "GITHUB_STATE" -e "GITHUB_OUTPUT" -e "RUNNER_OS" -e "RUNNER_ARCH" -e "RUNNER_NAME" -e "RUNNER_ENVIRONMENT" -e "RUNNER_TOOL_CACHE" -e "RUNNER_TEMP" -e "RUNNER_WORKSPACE" -e "ACTIONS_RUNTIME_URL" -e "ACTIONS_RUNTIME_TOKEN" -e "ACTIONS_CACHE_URL" -e "ACTIONS_ID_TOKEN_REQUEST_URL" -e "ACTIONS_ID_TOKEN_REQUEST_TOKEN" -e "ACTIONS_RESULTS_URL" -e GITHUB_ACTIONS=true -e CI=true -v "/var/run/docker.sock":"/var/run/docker.sock" -v "/home/runner/work/_temp/_github_home":"/github/home" -v "/home/runner/work/_temp/_github_workflow":"/github/workflow" -v "/home/runner/work/_temp/_runner_file_commands":"/github/file_commands" -v "/home/runner/work/b4rtmoss.github.io/b4rtmoss.github.io":"/github/workspace" ghcr.io/actions/jekyll-build-pages:v1.0.13
The following gems are missing
 * jekyll (4.0.0)
 * jekyll-feed (0.12.1)
 * moving (0.3.2)
 * addressable (2.7.0)
 * em-websocket (0.5.1)
 * i18n (1.6.0)
 * jekyll-sass-converter (2.0.0)
 * kramdown (2.3.1)
 * liquid (4.0.3)
 * rouge (3.10.0)
 * jekyll-seo-tag (2.6.1)
 * public_suffix (4.0.1)
 * http_parser.rb (0.6.0)
 * concurrent-ruby (1.1.5)
 * sassc (2.2.0)
 * listen (3.1.5)
 * rexml (3.2.4)
 * unicode-display_width (1.6.0)
 * ffi (1.11.1)
 * rb-fsevent (0.10.3)
 * rb-inotify (0.10.0)
 * ruby_dep (1.5.0)
Install missing gems with `bundle install`
Warning: The github-pages gem can't satisfy your Gemfile's dependencies. If you want to use a different Jekyll version or need additional dependencies, consider building Jekyll site with GitHub Actions: https://jekyllrb.com/docs/continuous-integration/github-actions/
To use retry middleware with Faraday v2.0+, install `faraday-retry` gem
  Conversion error: Jekyll::Converters::Scss encountered an error while converting 'assets/css/main.scss':
                    Invalid CSS after "$text-color: ": expected expression (e.g. 1px, bold), was "#00000;" on line 14
/usr/local/bundle/gems/jekyll-sass-converter-1.5.2/lib/jekyll/converters/scss.rb:123:in `rescue in convert': Invalid CSS after "$text-color: ": expected expression (e.g. 1px, bold), was "#00000;" on line 14 (Jekyll::Converters::Scss::SyntaxError)

        raise SyntaxError, "#{e} on line #{e.sass_line}"
              ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
	from /usr/local/bundle/gems/jekyll-sass-converter-1.5.2/lib/jekyll/converters/scss.rb:118:in `convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:101:in `block in convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:[9](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:10)9:in `each'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:99:in `reduce'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:99:in `convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:83:in `render_document'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:62:in `run'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:479:in `render_regenerated'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:472:in `block in render_pages'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:471:in `each'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:471:in `render_pages'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:192:in `render'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:71:in `process'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/command.rb:28:in `process_site'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/commands/build.rb:65:in `build'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/commands/build.rb:36:in `process'
	from /usr/local/bundle/gems/github-pages-232/bin/github-pages:70:in `block (3 levels) in <top (required)>'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `block in execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `each'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in `go'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary.rb:19:in `program'
	from /usr/local/bundle/gems/github-pages-232/bin/github-pages:6:in `<top (required)>'
	from /usr/local/bundle/bin/github-pages:25:in `load'
	from /usr/local/bundle/bin/github-pages:25:in `<main>'
/github/workspace/_sass/dolch_theme.scss:14: Invalid CSS after "$text-color: ": expected expression (e.g. 1px, bold), was "#00000;" (Sass::SyntaxError)
	from (sass):1
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:1308:in `expected'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/script/lexer.rb:240:in `expected!'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/script/parser.rb:855:in `assert_expr'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/script/parser.rb:68:in `parse'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:1164:in `sass_script'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:653:in `variable'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:707:in `block_child'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:700:in `block_contents'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:137:in `stylesheet'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/scss/parser.rb:41:in `parse'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/engine.rb:414:in `_to_tree'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/engine.rb:321:in `to_tree'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:323:in `block in visit_import'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:88:in `block in with_import'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:135:in `with_frame'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:88:in `with_import'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:322:in `visit_import'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:158:in `block in visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:79:in `block in with_base'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:135:in `with_frame'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/stack.rb:79:in `with_base'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:158:in `visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `block in visit_children'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `map'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:52:in `visit_children'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:167:in `block in visit_children'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:179:in `with_environment'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:166:in `visit_children'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `block in visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:186:in `visit_root'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/base.rb:36:in `visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:157:in `visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:[10](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:11):in `visit'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/root_node.rb:36:in `css_tree'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/tree/root_node.rb:20:in `render'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass/engine.rb:290:in `render'
	from /usr/local/bundle/gems/sass-3.7.4/lib/sass.rb:57:in `compile'
	from /usr/local/bundle/gems/jekyll-sass-converter-1.5.2/lib/jekyll/converters/scss.rb:[11](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:12)9:in `convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:101:in `block in convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:99:in `each'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:99:in `reduce'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:99:in `convert'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:83:in `render_document'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/renderer.rb:62:in `run'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:479:in `render_regenerated'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:472:in `block in render_pages'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:471:in `each'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:471:in `render_pages'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:192:in `render'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/site.rb:71:in `process'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/command.rb:28:in `process_site'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/commands/build.rb:65:in `build'
	from /usr/local/bundle/gems/jekyll-3.10.0/lib/jekyll/commands/build.rb:36:in `process'
	from /usr/local/bundle/gems/github-pages-232/bin/github-pages:70:in `block (3 levels) in <top (required)>'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `block in execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `each'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/command.rb:220:in `execute'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary/program.rb:42:in `go'
	from /usr/local/bundle/gems/mercenary-0.3.6/lib/mercenary.rb:19:in `program'
	from /usr/local/bundle/gems/github-pages-232/bin/github-pages:6:in `<top (required)>'
	from /usr/local/bundle/bin/github-pages:25:in `load'
	from /usr/local/bundle/bin/github-pages:25:in `<main>'
Error:  Logging at level: debug Configuration file: /github/workspace/./_config.yml GitHub Pages: github-pages v232 GitHub Pages: jekyll v3.10.0 Theme: jekyll-theme-primer Theme source: /usr/local/bundle/gems/jekyll-theme-primer-0.6.0 Requiring: jekyll-github-metadata Requiring: jekyll-seo-tag Requiring: jekyll-feed Requiring: jekyll-coffeescript Requiring: jekyll-commonmark-ghpages Requiring: jekyll-gist Requiring: jekyll-github-metadata Requiring: jekyll-paginate Requiring: jekyll-relative-links Requiring: jekyll-optional-front-matter Requiring: jekyll-readme-index Requiring: jekyll-default-layout Requiring: jekyll-titles-from-headings Requiring: jekyll-remote-theme GitHub Metadata: Initializing... Source: /github/workspace/. Destination: /github/workspace/./_site Incremental build: disabled. Enable with --incremental Generating... Theme: huangyz0918/moving Theme source: /tmp/jekyll-remote-theme-2024[12](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:13)24-9-a3xy80 Remote Theme: Using theme huangyz0918/moving Remote Theme: Downloading https://codeload.github.com/huangyz0918/moving/zip/HEAD to /tmp/jekyll-remote-theme-20241224-9-ahlc8u.zip Remote Theme: Unzipping /tmp/jekyll-remote-theme-20241224-9-ahlc8u.zip to /tmp/jekyll-remote-theme-20241224-9-a3xy80 Requiring: jekyll-feed Requiring: jekyll-seo-tag EntryFilter: excluded /Gemfile.lock EntryFilter: excluded /Gemfile EntryFilter: excluded /CNAME Reading: _posts/2024-12-22-a-tired-poets-notebook.md Theme: Ignoring /assets/css/agate.css in theme due to existing file with that path in site. Theme: Ignoring assets/css/main.scss in theme due to existing file with that path in site. Generating: JekyllOptionalFrontMatter::Generator finished in 3.6088e-05 seconds. Generating: JekyllReadmeIndex::Generator finished in 4.3061e-05 seconds. Jekyll Feed: Generating feed for posts Generating: JekyllFeed::Generator finished in 0.00069985 seconds. Generating: Jekyll::Paginate::Pagination finished in 6.602e-06 seconds. Generating: JekyllRelativeLinks::Generator finished in 3.6939e-05 seconds. Generating: JekyllDefaultLayout::Generator finished in 0.00[13](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:14)48616 seconds. Generating: JekyllTitlesFromHeadings::Generator finished in 3.8071e-05 seconds. Rendering: _posts/2024-12-22-a-tired-poets-notebook.md Pre-Render Hooks: _posts/2024-12-22-a-tired-poets-notebook.md Rendering Markup: _posts/2024-12-22-a-tired-poets-notebook.md Requiring: kramdown-parser-gfm Rendering Layout: _posts/2024-12-22-a-tired-poets-notebook.md Layout source: site GitHub Metadata: Generating for b4rtmoss/b4rtmoss.github.io GitHub Metadata: Calling @client.pages("b4rtmoss/b4rtmoss.github.io", {}) Rendering: _posts/2024-12-22-a-tired-poets-notebook.md/#excerpt Pre-Render Hooks: _posts/2024-12-22-a-tired-poets-notebook.md/#excerpt Rendering Markup: _posts/2024-12-22-a-tired-poets-notebook.md/#excerpt Rendering: 404.html Pre-Render Hooks: 404.html Rendering Markup: 404.html Rendering Layout: 404.html Layout source: site Rendering: about.md Pre-Render Hooks: about.md Rendering Markup: about.md Rendering Layout: about.md Layout source: site Rendering: index.markdown Pre-Render Hooks: index.markdown Rendering Markup: index.markdown Rendering Layout: index.markdown Layout source: site Rendering: assets/css/main.scss Pre-Render Hooks: assets/css/main.scss Rendering Markup: assets/css/main.scss github-pages 232 | Error: Invalid CSS after "$text-color: ": expected expression (e.g. 1px, bold), was "#00000;" on line [14](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12483415545/job/34839171583#step:4:15) Remote Theme: Cleaning up /tmp/jekyll-remote-theme-20241224-9-a3xy80

Thank you in advance

chuckhoupt · December 25, 2024, 1:03pm

Looks like you fixed it. What was the solution?

b4rtmoss · December 25, 2024, 1:50pm

I apparently could not fix it. I tried to redeploy and now got this message:

Conversion error: Jekyll::Converters::Scss encountered an error while converting ‘assets/css/main.scss’:

[37](https://github.com/b4rtmoss/b4rtmoss.github.io/actions/runs/12493687385/job/34862432597#step:4:38) Invalid CSS after "$text-color: ": expected expression (e.g. 1px, bold), was "#00000;" on line 14

But my code seems fine on that line?!:

@charset "utf-8";

// Define defaults for each variable.

$base-font-family: "Bitter", 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', "Bitter", sans-serif;
$base-font-size: 18px !default;
$base-font-weight: 400 !default;
$small-font-size: $base-font-size * 0.85 !default;
$base-line-height: 1.8 !default;
$small-line-height: 1.6 !default;

$spacing-unit: 30px !default;

**$text-color: #00000;**
$background-color: #F2F2F2;
$brand-color: #019C93;

$grey-color: #949590;
$grey-color-light: lighten($grey-color, 40%) !default;
$grey-color-dark: darken($grey-color, 25%) !default;
$orange-color: #f66a0a !default;
$table-text-align: left !default;

// Width of the content area
$content-width: 800px !default;

$on-palm: 600px !default;
$on-laptop: 800px !default;

$on-medium: $on-palm !default;
$on-large: $on-laptop !default;

@mixin media-query($device) {
  @media screen and (max-width: $device) {
    @content;
  }
}

@mixin relative-font-size($ratio) {
  font-size: $base-font-size * $ratio;
}

// Import partials.
@import "moving/base", "moving/layout";

rubel · December 27, 2024, 12:38pm

If your need any developer, I can help you. Also I can give you premium support.

george-gca · December 27, 2024, 11:15pm

Why is the line between **?

b4rtmoss · December 28, 2024, 2:32pm

I tried to do a bold highlight inside the code block, not realizing it would not work. I still cant figure out why the text-color line would not work if I change the colour…

Topic		Replies	Views
Github-pages compatible Jekyll theme not building correctly Help	4	1364	April 2, 2021
Personal Theme Issues/Github Pages	0	777	September 25, 2020
SASS & Themes and local vs Github Help	0	589	August 18, 2019
Anyone knows why Jekyll css/scss theme doesn't get updated immediately using GitHub? Help	2	805	April 1, 2018
Having trouble changing themes Help	1	698	March 11, 2020

Problems customizing a theme

Related topics