<style>

html, body, .ui-content {
background-color: #333333;
color: #c6e6df;
}

/* h */
.markdown-body h1{color: #c6e6df; text-shadow: 0px 0px 1px #c6e6df; padding: 10px; border: none; box-shadow: 0px 0px 0px 0px #c6e6df;text-align:center}
.markdown-body h2{color: #00E676; text-shadow: -0px -0px 1px #00E676; border-bottom: solid 1px #00E676; padding: 8px; padding-left: 0px}
.markdown-body h3{color: #FFD600; text-shadow: 0px 0px 1px #FFD600; border-bottom: solid 1px #FFD600; padding: 8px; padding-left: 0px}
.markdown-body h4{color: #FFAB00; text-shadow: 0px 0px 0px #FFAB00;padding: 5px; padding-left: 0px}
.markdown-body h6{
color: #c6e6df;
}

/* table */
.markdown-body table tr, .markdown-body table td,.markdown-body table th{border: 3px solid #c6e6df ;background-color: #1E1E1E;}

/* a 超連結 */
.markdown-body a{color: #22C5EE;}

/* block quote */
.markdown-body blockquote>p{color: #c6e6df;}
.markdown-body small{color: #c6e6df;}
.markdown-body blockquote {
color: #c6e6df;
}

/* code */
.markdown-body code{font-size 100px;color: #c6e6df !important; background-color: #252526;}

/* hr */
.markdown-body hr{
background-color: #333333
}

/* alert */
.markdown-body .alert-info{
line-height: 2.0;
border: 1px #CCC541 solid;
border-radius: 0px;
background-color: #1E1E1E;
color: #c6e6df;
margin-bottom: 10px;
}
.markdown-body .alert-success{
line-height: 2.0;
border: 1px #00ff9f solid;
border-radius: 0px;
background-color: #1E1E1E;
color: #c6e6df;
margin-bottom: 10px;
}
.markdown-body .alert-warning{
line-height: 2.0;
border: 1px #FF8600 solid;
border-radius: 0px;
background-color: #1E1E1E;
color: #c6e6df;
margin-bottom: 10px;
}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string {
color: #fffa0c;
background:none;
}
.token.number {
color: #c6e6df;
}
.markdown-body:not(.next-editor) pre {
padding: 16px;
background-color: #000000;
}
.markdown-body .alert-danger{
line-height: 2.0;
border: 1px #Df1C4F solid;
border-radius: 0px;
background-color: #1E1E1E;
margin-bottom: 10px;
color: #c6e6df;
text-shadow: -1px -1px 40px #Df1C4F;box-shadow: 1px 1px 5px 1px #Df1C4F80
}

.info_top{
clip-path: polygon(90% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
background-color: #CCC541;
height: 20px;
color: #1E1E1E;
line-height: 20px;
text-align: center;
position:relative;
left:-1px;
bottom:-20px;
font-family:Impact;
}

.info_bottom{
clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 21%, 100% 20%, 10% 21%, 0 14%, 0 0);
background-color: #CCC541;
width: 12%;
height: 5px;
position:relative;
right:-89%;
bottom:2px;

}

.success_top{
clip-path: polygon(90% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
background-color: #00E676;
height: 20px;
color: #1E1E1E;
line-height: 20px;
text-align: center;
position:relative;
left:-1px;
bottom:-18px;
font-family:Impact;
}

.success_bottom{
clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 21%, 100% 20%, 10% 21%, 0 14%, 0 0);
background-color: #00E676;
width: 12%;
height: 5px;
position:relative;
right:-89%;
bottom:2px;

}

.warning_top{
clip-path: polygon(90% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
background-color: #FF8600;
height: 20px;
color: #1E1E1E;
line-height: 20px;
text-align: center;
position:relative;
left:-1px;
bottom:-20px;
font-family:Impact;
}

.warning_bottom{
clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 21%, 100% 20%, 10% 21%, 0 14%, 0 0);
background-color: #FF8600;
width: 12%;
height: 5px;
position:relative;
right:-89%;
bottom:2px;

}

.danger_top{
clip-path: polygon(90% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
background-color: #Df1C4F;
height: 20px;
color: #1E1E1E;
line-height: 20px;
text-align: center;
position:relative;
left:-1px;
bottom:-20px;
font-family:Impact;
}

.danger_bottom{
clip-path: polygon(20% 0%, 100% 0, 100% 20%, 100% 21%, 100% 20%, 10% 21%, 0 14%, 0 0);
background-color: #Df1C4F;
width: 12%;
height: 5px;
position:relative;
right:-89%;
bottom:2px;

}
/* ui-toc */
.ui-toc-dropdown .nav>li>a {
font-weight: bold;
color: #EEEEEE; !important
}
.ui-toc-dropdown .nav>.active:focus>a,
.ui-toc-dropdown .nav>.active:hover>a,
.ui-toc-dropdown .nav>.active>a,
.ui-toc-dropdown .nav>li>a:focus,
.ui-toc-dropdown .nav>li>a:hover{
color: white;
border-left: 1px solid white;
}

.toc-menu a {
font-weight: bold;
color: #c6e6df;
}
.toc-menu a:focus,
.toc-menu a:hover {
color: #c6e6df;
}
.text-gray-850{
color: #c6e6df;
}
.ui-viewcount,.text-gray-600,.footer,.footer a,hr{
color:#9eb8b2;
}
.text-gray-900{
color:#c6e6df;
}
.line-clamp-2,.ui-status-lastchange,.text-3 span{
color:#8aa19c;
}
/* code block */
.markdown-body pre {
background-color: #1E1E1E;
border: 1px solid #c6e6df !important;
color: #898c8a;
}

/* important word */
.imp{
text-shadow: -3px -3px 10px #Df1C4F;
color: #Df1C4F;
}

.markdown-body .in-view a:hover{ /*根據右鍵->檢視元素出現的控制台，會出現樣式*/
}
.markdown-body .in-view a,{
}
.pull-left .ui-status-lastchange,.community-button,.fa,.hidden-xs{
color: #9eb8b2;
}
.nav i,{
color: #9eb8b2;
}
.community-button:hover{
background-color: #595656;
border:none;
}
.navbar{
background-color: #474545;
border-color: #474545;
}
.btn{
background-color: #474545;
}
.btn-default.active, .btn-default:active,.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover,.dropdown-menu.list,.dropdown-header,.ui-user-name,.dropdown-menu>li>a,.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group .input-group-btn .ui-share-copy,.modal-content div p,.hmd-flex-one {
background-color: #333333;
color: #9eb8b2;
}
.visible-lg,.label-warning{
color: #474545;
background-color: #474545;
}
.bg-transparent{
background-color: #595656;
}
.ui-comment-app .open-comments{
background-color: #333333;

}
.fa-share-alt:before {
color:#f7f7f7;
}
.btn-group>.btn.active{

}
.ml-1 {
color: #9eb8b2;
}
.navbar-nav .open .dropdown-menu,.btn-default:hover{
background-color: #333333;
}
.menuitem-dropdown-trigger,,.menuitem-dropdown .menuitem-dropdown-trigger:hover, .menuitem-dropdown .menuitem-dropdown-trigger:focus{
background-color: #1e1e1e;
}
.btn-default,.btn-default:hover{
color:#9eb8b2;
}
.modal-content,.modal-header,.col-lg-9{
background-color:#333333;
color:#c6e6df;
}
.permission-dropdown .ui-share-preview,.input-group .form-control:first-child,.input-group .input-group-btn .ui-share-copy,.ui-notification .dropdown-menu{
background-color: #333333;
}
.ui-comment-app .open-comments .btn.ui-open-comments,.ui-notification .dropdown-menu{
color:#9eb8b2;
}
.ui-notification .notification-menu-item:hover{
background-color:#595656;
}
.ui-recommendation-read-more,{
background-color: #333333;
}
.btn-primary{
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}

.btn-default:active:hover{
background:#204d74;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover,.input-group .input-group-btn .ui-share-copy:hover,.permission-dropdown .ui-share-preview:hover,.menuitem-dropdown .menuitem-dropdown-trigger:hover, .menuitem-dropdown .menuitem-dropdown-trigger:focus,.summary .open{
background-color: #1e1e1e;
color:#9eb8b2;
}
.sidenav .dropdown-header{
background-color:#333333;
color:#9eb8b2;
}
.sidenav,.dropdown-header,.ui-share-domain,element.style,.select2-container-multi .select2-choices .select2-search-field input,.topbar{
background-color:#333333;
color:#9eb8b2;
}
element.style,.sidenav>a{
color:#9eb8b2;
}
.select2-container-multi .select2-choices,.ui-more-settings-menu-back,.ui-more-settings-menu-back{
background-color:#333333 !important;
color:#9eb8b2 !important;
}
.spotlight-modal .recent-search-item, .spotlight-modal .recent-view-item, .spotlight-modal .result-item,.ReactModal__Content.spotlight-modal .modal-header{
background-color: #333333;
color:#9eb8b2;
}

.spotlight-modal .recent-search-item.is_focus, .spotlight-modal .recent-search-item:focus, .spotlight-modal .recent-search-item:hover, .spotlight-modal .recent-view-item.is_focus, .spotlight-modal .recent-view-item:focus, .spotlight-modal .recent-view-item:hover, .spotlight-modal .result-item.is_focus, .spotlight-modal .result-item:focus, .spotlight-modal .result-item:hover,.recent-view-item:hover{
background-color: #1e1e1e;
color:#9eb8b2;
}
.ReactModal__Content.spotlight-modal .modal-title .fa-close{
color:#9eb8b2;
}
.summary h1, .summary h2, .summary h3, .summary h4, .summary h5, .summary h6,.summary h1+.nav, .summary h2+.nav, .summary h3+.nav, .summary h4+.nav, .summary h5+.nav, .summary h6+.nav{
background-color: #333333;
}
body div h6 code,body .summary .nav>li>a{
color:#c6e6df;
background-color:#333333;
}
.summary .nav-pills>li.active>a, .summary .nav-pills>li.active>a:focus, .summary .nav-pills>li.active>a:hover{
color:#22C5EE;
}
.summary div,.summary .toolbar,.summary{
background-color:#333333;
}
.fa-refresh,.fa-angle-double-left,.fa-pencil{
color:#c6e6df;
}
.visible-xs-inline{
color:#c6e6df;
}

</style>