Add a rust theme
This commit is contained in:
parent
937cd36b96
commit
3dc8ff5e62
|
@ -108,6 +108,42 @@ html, body {
|
||||||
.navy .theme-popup .theme:hover {
|
.navy .theme-popup .theme:hover {
|
||||||
background-color: #282e40;
|
background-color: #282e40;
|
||||||
}
|
}
|
||||||
|
/* Rust theme */
|
||||||
|
.rust {
|
||||||
|
background-color: #e1e1db;
|
||||||
|
color: #262625;
|
||||||
|
}
|
||||||
|
.rust .sidebar {
|
||||||
|
background-color: #3b2e2a;
|
||||||
|
color: #c8c9db;
|
||||||
|
}
|
||||||
|
.rust .chapter li .active,
|
||||||
|
.rust .chapter li a:hover {
|
||||||
|
/* Animate color change */
|
||||||
|
color: #e69f67;
|
||||||
|
}
|
||||||
|
.rust .menu-bar,
|
||||||
|
.rust .nav-chapters {
|
||||||
|
color: #737480;
|
||||||
|
}
|
||||||
|
.rust .chapter li a {
|
||||||
|
color: #bfbfba;
|
||||||
|
}
|
||||||
|
.rust .menu-bar i:hover,
|
||||||
|
.rust .nav-chapters:hover {
|
||||||
|
color: #262625;
|
||||||
|
}
|
||||||
|
.rust .content a {
|
||||||
|
color: #2b79a2;
|
||||||
|
}
|
||||||
|
/* Theme changer */
|
||||||
|
.rust .theme-popup {
|
||||||
|
background: #e1e1db;
|
||||||
|
border: 1px solid #b38f6b;
|
||||||
|
}
|
||||||
|
.rust .theme-popup .theme:hover {
|
||||||
|
background-color: #99908a;
|
||||||
|
}
|
||||||
.sidebar {
|
.sidebar {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
|
@ -366,7 +402,14 @@ html, body {
|
||||||
.navy .mobile-nav-chapters i:hover {
|
.navy .mobile-nav-chapters i:hover {
|
||||||
color: #b7b9cc;
|
color: #b7b9cc;
|
||||||
}
|
}
|
||||||
|
/* Rust theme */
|
||||||
|
.rust .mobile-nav-chapters {
|
||||||
|
background-color: #4d413d;
|
||||||
|
color: #737480;
|
||||||
|
}
|
||||||
|
.rust .mobile-nav-chapters i:hover {
|
||||||
|
color: #b7b9cc;
|
||||||
|
}
|
||||||
.nav-chapters {
|
.nav-chapters {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -50,6 +50,7 @@ $( document ).ready(function() {
|
||||||
} else {
|
} else {
|
||||||
var popup = $('<div class="theme-popup"></div>')
|
var popup = $('<div class="theme-popup"></div>')
|
||||||
.append($('<div class="theme" id="light">Light (default)<div>'))
|
.append($('<div class="theme" id="light">Light (default)<div>'))
|
||||||
|
.append($('<div class="theme" id="rust">Rust</div>'))
|
||||||
.append($('<div class="theme" id="coal">Coal</div>'))
|
.append($('<div class="theme" id="coal">Coal</div>'))
|
||||||
.append($('<div class="theme" id="navy">Navy</div>'));
|
.append($('<div class="theme" id="navy">Navy</div>'));
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue