Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.2k views
in Technique[技术] by (71.8m points)

css - How to change button border colour, font colour and background colour in github pages cayman theme

I tried to change the background colour and font colour on the website http://scikit-surgery.org.

I tried adding the following lines in assets/css/style.scss but no luck


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


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

Could any one please help how to change the button features. Here is the source code of the repo https://github.com/UCL/scikit-surgery/tree/web


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

I was able to change the button colour, button border, button effects on hover. To do this first create a directory in assets/css and in root directory create a file style.scss. In that file paste the following code

---
---

@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;
  }

To see it in action check the repo linked above in the quesiton.


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share

2.1m questions

2.1m answers

31 comments

45.2k users

...