Documentation is now dark mode
This commit is contained in:
Robert
parent
da26e0391f
commit
a9bbbbb7a3
6 changed files with 861 additions and 3 deletions
424
styles/custom_dark_theme.css
Normal file
424
styles/custom_dark_theme.css
Normal file
|
|
@ -0,0 +1,424 @@
|
|||
/* Light background: #3 5 3 6 2 9; */
|
||||
/* New light dark background #3 2 3 6 3 d */
|
||||
/* Dark background: #d f e 5 f 2; */
|
||||
|
||||
/* TOP MENU */
|
||||
.sm-dox {
|
||||
background: #dfe5f2 !important;
|
||||
}
|
||||
|
||||
.sm-dox a {
|
||||
background: none;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #282923;
|
||||
background-image: none;
|
||||
color: #D8D8D8;
|
||||
}
|
||||
|
||||
div.fragment, pre.fragment {
|
||||
border: 1px solid #000000;
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
a, a:link, a:visited {
|
||||
color: #67d8ef !important;
|
||||
}
|
||||
|
||||
.highlighted {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
a.highlighted {
|
||||
background: none !important;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Top main menu **/
|
||||
/*********************************************/
|
||||
#main-nav {
|
||||
/* display: none; */
|
||||
border-bottom: 1px solid #32363d;
|
||||
}
|
||||
|
||||
#main-nav .sm-dox {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.sm-dox a {
|
||||
text-shadow: none !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.sm-dox a:hover {
|
||||
background: #282923 !important;
|
||||
}
|
||||
|
||||
.sm-dox {
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.sm-dox ul {
|
||||
border: 1px solid #000000;
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
.directory tr.even {
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
|
||||
/*********************************************/
|
||||
/** Top search **/
|
||||
/*********************************************/
|
||||
#MSearchSelectWindow {
|
||||
border: 1px solid #000000;
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
a.selectItem {
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
a.SelectItem:hover {
|
||||
background: #282923 !important;
|
||||
}
|
||||
|
||||
#MSearchResultsWindow {
|
||||
border: 1px solid #000000;
|
||||
background: #32363d;
|
||||
color: #67d8ef !important;;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Main menu **/
|
||||
/*********************************************/
|
||||
#nav-tree {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#nav-tree .selected {
|
||||
background-image: none;
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Main content **/
|
||||
/*********************************************/
|
||||
|
||||
/*********************************************/
|
||||
/** Inline code **/
|
||||
/*********************************************/
|
||||
p code,
|
||||
li code,
|
||||
td code,
|
||||
dd code {
|
||||
background-color: #000000;
|
||||
border: 1px solid #A8B8D9;
|
||||
|
||||
color: #D8D8D8;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Table of Contents (ToC) **/
|
||||
/*********************************************/
|
||||
div.toc {
|
||||
background: #32363d;
|
||||
border: 1px solid #000000;
|
||||
}
|
||||
|
||||
div.toc h3 {
|
||||
font-size: 150%;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Content table **/
|
||||
/*********************************************/
|
||||
table.doxtable tr:nth-child(even) td {
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
div.header {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid #32363d;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Field table **/
|
||||
/*********************************************/
|
||||
.fieldtable th {
|
||||
background: #282923;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Memitem and memtitle **/
|
||||
/*********************************************/
|
||||
.memdoc {
|
||||
border: 1px solid #A8B8D9;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** TOP navigation **/
|
||||
/*********************************************/
|
||||
.tabs, .tabs2, .tabs3 {
|
||||
background: #DDDDDD;
|
||||
}
|
||||
|
||||
.tablist li {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.tablist a {
|
||||
background-image: none;
|
||||
border-right: 1px solid #999999;
|
||||
|
||||
color: #32363d;
|
||||
}
|
||||
|
||||
.tablist a:hover,
|
||||
.tablist li.current a {
|
||||
text-decoration: none;
|
||||
color: #000000;
|
||||
background: #CCCCCC;
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** H1 in textblocks **/
|
||||
/*********************************************/
|
||||
|
||||
/*********************************************/
|
||||
/** Note, warning **/
|
||||
/*********************************************/
|
||||
|
||||
/*********************************************/
|
||||
/** Reference list **/
|
||||
/**Similar to warning/note/todo/... messages**/
|
||||
/*********************************************/
|
||||
dl.reflist {
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*********************************************/
|
||||
/** Note, warning **/
|
||||
/*********************************************/
|
||||
#docs_list {
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
#docs_list ul li {
|
||||
border-right: 1px solid #BFBFBF;
|
||||
}
|
||||
|
||||
#docs_list ul li a {
|
||||
color: #1b1e21;
|
||||
}
|
||||
|
||||
#docs_list ul li a:hover,
|
||||
#docs_list ul li a.docs_current {
|
||||
background: #282923;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Resizable UI **/
|
||||
/*********************************************/
|
||||
.ui-resizable-e {
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Download url **/
|
||||
/*********************************************/
|
||||
|
||||
/*********************************************/
|
||||
/** Syntax folor **/
|
||||
/*********************************************/
|
||||
div.line {
|
||||
background: transparent;
|
||||
color: #d7d7d7;
|
||||
}
|
||||
|
||||
div.line a {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
span.keyword {
|
||||
color: #f92472;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
span.keywordtype {
|
||||
color: #67cfc1;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
span.keywordflow {
|
||||
color: #f92472;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
span.comment {
|
||||
color: #74705a;
|
||||
}
|
||||
|
||||
span.preprocessor {
|
||||
color: #a6e22b;
|
||||
}
|
||||
|
||||
span.stringliteral {
|
||||
color: #e7db74;
|
||||
}
|
||||
|
||||
span.charliteral {
|
||||
color: #e7db74;
|
||||
}
|
||||
|
||||
span.vhdldigit {
|
||||
color: #ff00ff;
|
||||
}
|
||||
|
||||
span.vhdlchar {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
span.vhdlkeyword {
|
||||
color: #700070;
|
||||
}
|
||||
|
||||
span.vhdllogic {
|
||||
color: #ff0000;
|
||||
}
|
||||
|
||||
span.lineno {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
span.lineno a {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Modules/Directory table **/
|
||||
/*********************************************/
|
||||
.mdescLeft, .mdescRight, .memItemLeft, .memItemRight,
|
||||
.memTemplItemLeft, .memTemplItemRight, .memTemplParams {
|
||||
background: #32363d;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.memtemplate {
|
||||
color: #B4CCF9;
|
||||
}
|
||||
|
||||
.memSeparator {
|
||||
border: none;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
h2.groupheader {
|
||||
color: #67d8ef;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Mem items **/
|
||||
/*********************************************/
|
||||
.memtitle {
|
||||
background: #32363d !important;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
.memitem {
|
||||
background: #32363d !important;
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.memproto {
|
||||
background: inherit;
|
||||
border-color: #000000;
|
||||
color: inherit;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.memproto table td {
|
||||
font-family: monospace, fixed !important;
|
||||
}
|
||||
|
||||
td.memItemLeft, td.memItemRight {
|
||||
font-family: monospace, fixed;
|
||||
}
|
||||
|
||||
.paramname, .paramname em {
|
||||
color: #bf5f82;
|
||||
}
|
||||
|
||||
.memdoc {
|
||||
background: inherit;
|
||||
border-color: #000000;
|
||||
}
|
||||
|
||||
|
||||
/*********************************************/
|
||||
/** Footer **/
|
||||
/*********************************************/
|
||||
.titlearea {
|
||||
border-bottom: 1px solid #32363d;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Footer **/
|
||||
/*********************************************/
|
||||
#nav-path {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#nav-path ul {
|
||||
background: transparent;
|
||||
color: inherit;
|
||||
border: none;
|
||||
border-top: 1px solid #32363d;
|
||||
}
|
||||
|
||||
.navpath li.footer {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.navpath li.navelem a {
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Custom scrollbar **/
|
||||
/*********************************************/
|
||||
::-webkit-scrollbar {
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
/* Track */
|
||||
::-webkit-scrollbar-track {
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
/* Handle */
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #234567;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Handle on hover */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #32363d;
|
||||
}
|
||||
|
||||
/*********************************************/
|
||||
/** Custom scrollbar **/
|
||||
/*********************************************/
|
||||
h1.glow, h2.glow, h3.glow,
|
||||
h4.glow, h5.glow, h6.glow {
|
||||
text-shadow: 0 0 15px #67d8ef;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue