Add Admonition styles (#230)
* Add Admonition styles * Generic Admonition is now grey
This commit is contained in:
parent
52c33b2456
commit
8d939f7f5e
5 changed files with 17 additions and 2 deletions
|
@ -110,6 +110,11 @@ div.related-posts {
|
||||||
}
|
}
|
||||||
|
|
||||||
// Admonition
|
// Admonition
|
||||||
|
div.admonition {
|
||||||
|
color: @admonition-generic-color-dark-theme;
|
||||||
|
background-color: @admonition-generic-bg-color-dark-theme;
|
||||||
|
}
|
||||||
|
|
||||||
div.admonition.attention {
|
div.admonition.attention {
|
||||||
color: @admonition-attention-color-dark-theme;
|
color: @admonition-attention-color-dark-theme;
|
||||||
background-color: @admonition-attention-bg-color-dark-theme;
|
background-color: @admonition-attention-bg-color-dark-theme;
|
||||||
|
|
2
static/stylesheet/dark-theme.min.css
vendored
2
static/stylesheet/dark-theme.min.css
vendored
|
@ -1 +1 @@
|
||||||
body{background-color:#333;color:#eee}hr{color:#222}aside,hr{background-color:#222}aside{color:#fff}aside form.navbar-search input#tipue_search_input{background-color:#1a1a1a;color:#eee}main nav{border-bottom-color:#222}main .translations a,main nav a{border-color:#222}main article kbd{background-color:#080808;color:#eee}main article blockquote,main article pre{border-left:8px solid #ffffff33}main article :not(pre)>code{background-color:#080808;border-color:#000}main article div#tipue_search_content .tipue_search_result span.tipue_search_content_bold{color:#fff}main article section#isso-thread .auth-section p.input-wrapper input,main article section#isso-thread .notification-section input,main article section#isso-thread div.textarea{background:#1a1a1a;color:#eee}main article section#isso-thread>h4{color:#eee}main article section#isso-thread .isso-postbox>.form-wrapper .preview{background:repeating-linear-gradient(-45deg,#222,#222 10px,#1a1a1a 0,#1a1a1a 20px)}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .author{color:#eee}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink{color:#999}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink:hover{color:#eee}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-footer a:hover{text-shadow:#242121 0 0 1px!important}main footer{border-top-color:#222}div.related-posts{border-color:#222}div.admonition.attention,div.admonition.caution{color:#fbda7a;background-color:#4a3900}div.admonition.danger,div.admonition.error{color:#ebadb3;background-color:#28070a}div.admonition.hint{color:#7abaff;background-color:#001933}div.admonition.important,div.admonition.note{color:#a8eab7;background-color:#122b18}div.admonition.tip{color:#7abaff;background-color:#001933}div.admonition.warning{color:#fbda7a;background-color:#4a3900}
|
body{background-color:#333;color:#eee}hr{color:#222}aside,hr{background-color:#222}aside{color:#fff}aside form.navbar-search input#tipue_search_input{background-color:#1a1a1a;color:#eee}main nav{border-bottom-color:#222}main .translations a,main nav a{border-color:#222}main article kbd{background-color:#080808;color:#eee}main article blockquote,main article pre{border-left:8px solid #ffffff33}main article :not(pre)>code{background-color:#080808;border-color:#000}main article div#tipue_search_content .tipue_search_result span.tipue_search_content_bold{color:#fff}main article section#isso-thread .auth-section p.input-wrapper input,main article section#isso-thread .notification-section input,main article section#isso-thread div.textarea{background:#1a1a1a;color:#eee}main article section#isso-thread>h4{color:#eee}main article section#isso-thread .isso-postbox>.form-wrapper .preview{background:repeating-linear-gradient(-45deg,#222,#222 10px,#1a1a1a 0,#1a1a1a 20px)}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .author{color:#eee}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink{color:#999}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent:hover,main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink:hover{color:#eee}main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-footer a:hover{text-shadow:#242121 0 0 1px!important}main footer{border-top-color:#222}div.related-posts{border-color:#222}div.admonition{color:#eee;background-color:#404040}div.admonition.attention,div.admonition.caution{color:#fbda7a;background-color:#4a3900}div.admonition.danger,div.admonition.error{color:#ebadb3;background-color:#28070a}div.admonition.hint{color:#7abaff;background-color:#001933}div.admonition.important,div.admonition.note{color:#a8eab7;background-color:#122b18}div.admonition.tip{color:#7abaff;background-color:#001933}div.admonition.warning{color:#fbda7a;background-color:#4a3900}
|
|
@ -614,6 +614,11 @@ div.admonition {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.admonition {
|
||||||
|
color: @admonition-generic-color;
|
||||||
|
background-color: @admonition-generic-bg-color;
|
||||||
|
}
|
||||||
|
|
||||||
div.admonition.attention {
|
div.admonition.attention {
|
||||||
p.admonition-title::before {
|
p.admonition-title::before {
|
||||||
content: @admonition-attention-icon;
|
content: @admonition-attention-icon;
|
||||||
|
|
2
static/stylesheet/style.min.css
vendored
2
static/stylesheet/style.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -85,6 +85,11 @@
|
||||||
@lastfm-bg-color: #d92323;
|
@lastfm-bg-color: #d92323;
|
||||||
|
|
||||||
// Admonition colors
|
// Admonition colors
|
||||||
|
@admonition-generic-color: @dark-grey;
|
||||||
|
@admonition-generic-color-dark-theme: @light-grey;
|
||||||
|
@admonition-generic-bg-color: #cccccc;
|
||||||
|
@admonition-generic-bg-color-dark-theme: #404040;
|
||||||
|
|
||||||
@admonition-attention-color: #856404;
|
@admonition-attention-color: #856404;
|
||||||
@admonition-attention-color-dark-theme: #fbda7a;
|
@admonition-attention-color-dark-theme: #fbda7a;
|
||||||
@admonition-attention-bg-color: #fff3cd;
|
@admonition-attention-bg-color: #fff3cd;
|
||||||
|
|
Loading…
Reference in a new issue