如何在 github pages cayman 主题中更改按钮边框颜色、字体颜色和背景颜色

【问题标题】：How to change button border colour, font colour and background colour in github pages cayman theme如何在 github pages cayman 主题中更改按钮边框颜色、字体颜色和背景颜色
【发布时间】：2021-01-12 17:23:24
【问题描述】：

我尝试更改网站http://scikit-surgery.org的背景颜色和字体颜色。

我尝试在assets/css/style.scss 中添加以下行，但没有成功


$button-color: #0000ff !default;
$button-border-color: #0000ff !default;


  .btn {
    color: #0000ff;
    border-color: #0000ff; 
    // background-color: #008CBA;
  }

任何人都可以帮助如何更改按钮功能。这里是repo的源代码https://github.com/UCL/scikit-surgery/tree/web

【问题讨论】：

标签： css jekyll github-pages

【解决方案1】：

我能够更改按钮颜色、按钮边框、悬停按钮效果。为此，首先在assets/css 中创建一个目录，然后在根目录中创建一个文件style.scss。在该文件中粘贴以下代码

---
---

@import "{{ site.theme }}";

  .btn {
    color: #0000ff;
    border-color: #0000ff; 
    // background-color: #008CBA;
  } 

  .btn:hover {
    color: #0bb6e1cc;
    text-decoration: none;
    background-color: #7c940ea1;
    border-color: #0000ff;
  }

要查看它的实际效果，请检查上面问题中链接的 repo。

【讨论】：