bitbucket-custom-styling.css

@-moz-document url-prefix("https://bitbucket.org/"), url-prefix("https://bitbucket-pipelines.atlassian.io/") {
/*** Main Page ***/
  
  /* 'Teams', 'Projects', 'Repositories', 'Snippets' Dropdown list */
  .aui-dropdown2.aui-style-default:hover a { /* same as not hover */
    background-color: #205081;
    color: #FAFAFA;
  }
  
  /*** Overview ***/
  
  /* Table e.g. bitbucket.org/abhishekchakraborty/single_file_libs */
  .wiki-content table > tbody > tr, 
  .wiki-content table > tfoot > tr, 
  ak-editor-bitbucket .ProseMirror table > tbody > tr, 
  ak-editor-bitbucket .ProseMirror table > tfoot > tr {
    background-color: #222222;
    color: #aaaaaa;
    border-bottom-color: #666;
  }
  
  .wiki-content table > tbody > tr > td, 
  .wiki-content table > tbody > tr > th, 
  .wiki-content table > tfoot > tr > td, 
  .wiki-content table > thead > tr > td, 
  .wiki-content table > thead > tr > th, 
  ak-editor-bitbucket .ProseMirror table > tbody > tr > td, 
  ak-editor-bitbucket .ProseMirror table > tbody > tr > th, 
  ak-editor-bitbucket .ProseMirror table > tfoot > tr > td, 
  ak-editor-bitbucket .ProseMirror table > thead > tr > td, 
  ak-editor-bitbucket .ProseMirror table > thead > tr > th {
    border-color: #666;
    border-style: solid;
    border-width: 1px;
  }
  
  .wiki-content table > thead > tr > td, 
  .wiki-content table > thead > tr > th, 
  ak-editor-bitbucket .ProseMirror table > thead > tr > td, 
  ak-editor-bitbucket .ProseMirror table > thead > tr > th {
    border-bottom-color: #ccc;
  }
  
  /*** Wiki e.g. bitbucket.org/paulbbyrne/robotics/wiki/Home ***/
  #wiki-content h1, #wiki-content h2, #wiki-content h3, #wiki-content h4, #wiki-content h5, #wiki-content h6 {
    color: #aaaaaa;
  }
  
  /**** Snippets ****/
  .bb-content-container-header {
    background-color: #0A0A0A;
  }
  
  /*** Edit snippet editor ***/
  /* lines with Code */
  .CodeMirror {
    color: #C1C1C1;
    background-color: #282828;
  }
  
  /* lines without Code */
  .CodeMirror-lines {
    background-color: #1C1C1C;
  }
  
  /* margin */
  .CodeMirror-gutters {
    background-color: #0A0A0A;
  }
  
  /* 'Create snippet' button at middle-right of Snippets list page - at bitbucket.org/snippets/<id> */
  a.aui-button {
    background: #1C1C1C !important;
    color: #aaaaaa !important;
  }
  
  a.aui-button:hover {
    background-color: #222 !important;
  }
  
  a.aui-button:focus {
    color: #fafafa !important;
  }
  
  /* Cursor */
  .CodeMirror-cursor {
    border-left-color: #C1C1C1;
  }
  
  /** Syntax highlighting **/
  
  /* C++, CMake */
  
  .cm-s-trac .cm-def { /* Command */
    color: #5291f8; /* #a6E22e; #55d3ef;   */
  }
  
  /* C++ */
  
  .cm-s-trac .cm-keyword {
    color: #4fa2b3; /* #5291f8; */
  }
  
  .cm-s-trac .cm-variable-3 { /* Type */
    color: #cc7832;
  }
  
  .cm-s-trac .cm-meta { /* #include */
    color: #f92672;
  }
  
/*   .cm-s-trac .cm-variable {
  } */
  
  /**** Dashboard ****/
  
  /* Separator */
  table.aui > tbody > tr, table.aui > tfoot > tr {
    border-bottom-color: #666;
  }
  
pre {
	font-size: 15px;
}
#source-path span, a:hover {
	color: #e8e62e;
}

a {
    color:  #e6a052;
}

#source-container header h1, body.adg3 .wiki-content h1, body.adg3 h1, body.adg3 .wiki-content h2, body.adg3 h2, body.adg3 .wiki-content h3, body.adg3 h3, body.adg3 .wiki-content h4, body.adg3 h4 {
	color: white;
}
  /**** Syntax highlighting ****/
  
  /*** (checked for C++) ***/
  
  .codehilite .n { /* names */
    color: #C1C1C1; /* #4FA2B3; */ /* #D1D1D1; */
  }
  
  .codehilite .nc { /* class names */
    color: #4fa2b3;
  }
  
  .codehilite .nf { /* function names */
    color: #4FA2B3;
  }
  
  .codehilite .cp { /* include */
    color: #339900;
  }
  
  .codehilite .cpf { /* library name */
    color: #339900;
  }
  
  .codehilite .o { /* operators: =,>,<,!,*,&,::,-> */
    color: #4B7EA5;
  }
  
  .codehilite .p { /* braces, parentheses */
    color: #008000;
  }
  
  .codehilite .k { /* keywords */
    color: #E08000;
  }
  
  .codehilite .kt { /* Fundamental Types */
    color: #AC7339;
  }
  
  .codehilite .mi { /* names */
    color: #7AA3C3;
  }
  
  .codehilite .s { /* string */
    color: #008000;
  }
  
  .codehilite .sc { /* character literal */
    color: #008000;
  }
  
  .codehilite .nb { /* true, false */
    color: #84C103;
  }
  
  .codehilite .c1 { /* Single-line Comments */
    color: #7B7B7B;
  }
  
  .codehilite .cm { /* Block Comments */
    color: #7B7B7B;
  }
  
  /*** checked for CSS ***/
  .codehilite .nt { /* element Names */
    color: #1b8dff;
  }
  
  .codehilite .nn { /* ID Names */
    color: #b1b1a3;
  }
  
  .codehilite .c { /* Block Comments */
    color: #7b7b7b;
  }
  
  /*** Side-by-Side Diff View ****/
  .diffract pre {
    color: #C1C1C1;
    background-color: #282828;
    border-top: none;
  }
  
  .diffract .change {
    background-color: #282828;
  }
  
  .diffract del {
    background-color: #400;
    border-top: none;
  }
  
  .diffract ins {
    background-color: #030;
    border-top: none;
  }
  
  .aperture-pane {
    background-color: #282828;
  }
  
  .diffract-sbsdiff > .segment-pane {
    background-color: #282828;
  }
  
  .diffract-sbsdiff .scrollable-file-pane-numbers, .diffract-sbsdiff .scrollable-file-pane.all-lines-visible {
    background-color: #282828;
  }
  
  /*** Commits ***/
  
  /** File name annotation */
  
  /* Comment symbol (optional) in file list */
  .count-badge {
    background-color: #222;
  }
  
  /* 'Modified' */
  .aui-lozenge-complete.aui-lozenge-subtle {
    background-color: #282828;
    border-color: #666;
    color: #666;
  }
  
  /* Added */
  /* e.g. bitbucket.org/mrl4214/fsb-robotics/commits/7dd92fd46cae7cbb3ac4fcc6a638c98f24bc929a */
  .aui-lozenge-success.aui-lozenge-subtle {
    background-color: #0a4617; /* based on #14892c */
    border-color: #666;
    color: #aaaaaa;
  }
  
  /* 'Renamed' */
  /* e.g. bitbucket.org/mrl4214/fsb-robotics/commits/7dd92fd46cae7cbb3ac4fcc6a638c98f24bc929a */
  .aui-lozenge-moved.aui-lozenge-subtle {
    background-color: #3a291a; /* based on #815b3a */
    border-color: #666;
    color: #aaaaaa;
  }
  
  /* 'Deleted' */
  .aui-lozenge-error.aui-lozenge-subtle {
    background-color: #591a15; /* based on #d04437 */
    border-color: #666;
    color: #aaaaaa;
  }
  
  /** Separator **/
  
  /* '...' button */
  .skipped-container .ellipsis {
    background-color: #282828;
    border-color: #666;
    box-shadow: 0 0 0 2px #222; /* Except color remaining are default values */
  }
  
  .skipped-container .ellipsis::after, .skipped-container .ellipsis::before {
    border-color: #666;
  }
  
  /* line part */
  .skipped-middle::before  {
    background-color: #666;
    height: 1px;
    border-top: none;
    border-bottom: none;
  }
  
  .skipped-top::before {
    content: none;
  }
  
  .skipped-container::after {
    content: none;
    height: 1px;
  }
  
  /* file code container */
  .diff-content-container {
    border-top-color: #666;
    border-bottom-color: #666;
  }
  
  /** Filter branches/ Filter tags **/
  .tabbed-filter-widget .tabbed-filter {
    background-color: #222;
  }
  
  /** 'Check out this branch on your local machine to begin working on it.' **/
  
  
  .aui-inline-dialog .arrow.aui-css-arrow::before, .aui-inline-dialog .aui-inline-dialog-arrow.aui-css-arrow::before {
    border-color: #fff #282828;
  }
  
  #inline-dialog-branch-dialog .aui-css-arrow::after {
    border-bottom-color: #282828;
  }
  
  /** Tags **/
  #commit-header .add-tag-button {
    background-color: #222;
  }
  
  .aui-button:hover {
    background-color: #222;
  }
  
  .aui-button:focus {
    color: #fafafa;
  }
  
  aui-inline-dialog .aui-inline-dialog-contents {
    background-color: #282828;
  }
  
  form.aui .text {
    background-color: #222;
  }
  
  .aui-button[disabled] {
    background-color: #282828;
  }
  
  /*** Tags - Success Message ***/
  .aui-message-success, .aui-message.success {
    background-color: #282828;
    color: #aaaaaa;
  }
  
  .aui-message .icon-close {
    filter: invert(100%);
  }
  
  /** Row label - 'n tags' */
  .commit-labels dd {
    background-color: #282828;
  }
  
  .commit-labels dd .label {
    color: #aaaaaa;
  }
  
  /** Commit description -> Tags Popup pane **/
  .extras-list > li > a:hover {
    background-color: #333333;
  }
  
  aui-inline-dialog::before {
    border-color: #fafafa #282828;
  }
  
  aui-inline-dialog::after {
    border-bottom-color: #282828;
  }
  
  /*** 'Eye' Pop-up pane ***/
  .aui-inline-dialog .repo-watch-container .content {
    background-color: #222;
  }
  
  .aui-inline-dialog .repo-watch-container {
    background-color: #282828;
  }
  
  .aui-inline-dialog .aui-inline-dialog-contents, .aui-inline-dialog .contents {
    background-color: #282828;
  }
  
  /**** Pipelines ****/
  
  iframe, .ac-content {
    background-color: #222 !important;
  }
  
  body#content {
    background: #222;
  }
  
  /*** Initialization ***/
  
  /** Page 0 - 'Enable' */
  .Onboard__arrow {
    background-color: #1C1C1C;
  }
  
  /** Page 1 - 'Choose a template' **/
  .SampleYML__root .SampleYML__header {
    background-color: #1C1C1C;
  }
  
  .SampleYML__root .SampleYML__pre {
    background-color: #282828;
  }
  
  .SampleYML__line::before {
    background-color: #282828;
  }
  
  /* Template Dropdown */
  ._1005gN-xPiTv1mbmIqtvSQ, ._1005gN-xPiTv1mbmIqtvSQ:hover:not(.GYgiPFHXGmAdlkpbekb91):not(._3K2MdiHGszhbZpwbje2N08) {
    background-color: #1C1C1C;
  }
  
  ._1005gN-xPiTv1mbmIqtvSQ._1CeKNZJxS3N6Vg7nX__M6g:not(.GYgiPFHXGmAdlkpbekb91):not(._3K2MdiHGszhbZpwbje2N08) {
    background-color: #1C1C1C;
  }
  
  ._1005gN-xPiTv1mbmIqtvSQ:hover {
    background-color: #1C1C1C;
  }
  
  /* Template dropdown list */
  ._1SLKjrUVbEkIcWt_GtqIWd {
    background-color: #1C1C1C;
  }
  
  .LPjvspqBwxuWin68x1kpv {
    color: #aaaaaa;
  }
  
  .LPjvspqBwxuWin68x1kpv:hover {
    background-color: #333333;
    color: #aaaaaa;
  }
  
  /* 'Next' button */
  .aui-button.aui-button-primary[aria-disabled="true"] {
    background-color: #1C1C1C;
  }
  
  .aui-button.aui-button-primary[aria-disabled="true"]:hover {
    background-color: #282828;
  }
  
  /** Page 1 - Editing Source **/
  
  /* Footer */
  .bb-content-container-footer {
    background-color: #1C1C1C;
  }
  
  /*** Inherited ****/
  
   body, .homepage-section, .homepage-footer, .homepage-teams, #content .aui-sidebar + .aui-page-header, table.aui > tbody > tr, .aui-page-panel-content, table.bb-list tr:hover .labels, table.bb-list tr .labels
  {
    background-color: #222 !important;
    background-image: none; 
    background-clip: border-box !important;
    background-origin: padding-box !important;
    background-attachment: scroll !important;
    background-repeat: repeat !important;
    background-size: auto !important;
    background-position: left top !important;
    
    color: #d1d1d1;
  }
  
  .diff-container
  {
    background: #1C1C1C;
    color: #FAFAFA;
  }
  
  .refract-container .addition pre.source
  {
    color: #C1C1C1; /* My change - to set text of commit source lines */
    background: #030;
    opacity: 1;
  }
  
  /* Sub-line additions */
  .refract-container.word-diff:not(.disable-word-diff) .addition pre.source ins, .commit-files-summary .commit-file-diff-stats .lines-added 
  {
    background: #004d00;
  }
  
  .aui-dialog2-content
  {
    background: #161616 !important;
  }
  
  .aui-dialog2-header, .aui-dialog2-footer
  {
    background: #0A0A0A !important;
  }
  
  .refract-container.word-diff:not(.disable-word-diff) .addition pre.source ins {
    color: #FAFAFA;
    background: #252;
  }
  
  .refract-container.word-diff:not(.disable-word-diff) .deletion pre.source del {
    background: #700;
  }
  
  .refract-container .deletion pre.source
  {
    background: #400;
    opacity: 1;
    color: #C1C1C1; /* My change - to set text of commit source lines */
  }
  
  /* Sub-line deletions */
  .refract-container.word-diff:not(.disable-word-diff) .deletion pre.source del, .commit-files-summary .commit-file-diff-stats .lines-removed 
  {
    background: #770000;
  }
  
  .homepage-cross-sells-description, .footer-list a, h1, h2, h3, h4, h5, h6, .aui-dropdown2.aui-style-default a, form.aui .radio > label, form.aui .checkbox > label, .aui-nav-heading, .repo-sidebar .entity-name, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .filter-search input, .aui-navgroup-horizontal .aui-nav > .aui-nav-selected a, #dashboard .dashboard-item .text, form.aui label, form.aui legend, .aui-navgroup-vertical .aui-nav .aui-nav-selected > a, .aui-dialog h2.dialog-title, .newsfeed .news-item-description a /*, .refract-content-container .source */
  {
    color: #A1A1A1;
  }
  
  /* My addition - to set text and background color of commit source lines */
  .refract-content-container .source {
    color: #C1C1C1;
    background-color: #282828;
  }
  
  .filter-container .filter-label
  {
    color: #CCCCCC;
  }
  
  .workflow-box
  {
    background: #1C1C1C;
  }
  
  #footer-logo
  {
    background: #1C1C1C;
    border: solid white 1px;
    height: 30px;
  }
  
  .wiki-content pre
  {
    background: #1C1C1C;
    border: solid white 1px;
  }
  
  code, .refract-container .line-numbers-skipped
  {
    background: #0A0A0A;
    border-right: none; /* My addition - to remove thin white line on side of 'Show more lines' */ 
  }
  
  .refract-container .line-numbers
  {
    width: 67px;
  }

  .refract-container .line-numbers::before, .refract-container .line-numbers::after {
    width: 33px;
  }
  
  .refract-container .gutter
  {
    border: none;
  }
  
  .refract-container .last.line-numbers-skipped
  {
    /* border: solid white 1px; */ /* My change - to remove the white border surrounding box near 'Show more lines' */ 
    width: 95px;
    height: 17px;
  }
  
  /* for 'Renamed', and 'Added', 'Modified', comments */
  .comment-thread-container, .comment-thread-container .comments-list {
    background-color: inherit;
    border-color: #333;
  }

/*   .refract-container .comment-thread-container
  {
    margin-top: 2px;
  } */

  .bb-udiff .heading
  {
    background: #0A0A0A;
  }
  
  form.aui .text, .aui-button, a.aui-button, .aui-dropdown2.aui-style-default, body.onboarding .onboarding-content, form.aui .textarea, form.aui .password, .file-history-widget a:hover
  {
    background: #1C1C1C;
    color: #FAFAFA;
  }
  
/*   .aui-dropdown2.aui-style-default, .aui-dropdown2.aui-style-default:hover .aui-dropdown2-checkbox {
    background-color: #e4e4e4; / * complement of #1c1c1c * /
    filter: invert(100%);
  } */
  
  .aui-dropdown2.aui-style-default [role="checkbox"] {
    color: #aaaaaa;
  }
  
  .aui-dropdown2.aui-style-default, .aui-dropdown2.aui-style-default:hover .aui-dropdown2-checkbox {
    background-color: #1c1c1c;
  }
  
  .aui-dropdown2.aui-style-default:hover .aui-dropdown2-checkbox {
    background-color: #1c1c1c;
    color: #aaaaaa;
  }
  
  .file-history-widget a
  {
    background: #0A0A0A;
    color: #FAFAFA;
  }
  
  /**** Source Code View - Bkgd ****/
  .file-source-container .toolbar + #fileview-container .file-source
  {
    background: #282828; /* #161616; */
  }
  
  .aui-button:hover, .aui-button.aui-dropdown2-trigger.active, .aui-sidebar .aui-sidebar-footer > .aui-sidebar-toggle:hover, .aui-sidebar.aui-is-hover .aui-sidebar-footer > .aui-sidebar-toggle
  {
    background: #0A0A0A;
    color: #FAFAFA;
  }
  
  .file-source-container .toolbar
  {
    background: #0A0A0A;
  }
  
  /**** Source Code View - Line No.s ****/
  .highlighttable td.linenos
  {
    background: #282828; /* #0A0A0A; */
  }
  
  .highlighttable td.linenos a, #source-container .changeset-info .timestamp
  {
    color: #4c4c4c; /* #FAFAFA; */ /* My change - Reduce intensity of Source View Line No.s */
  }
  
  .nt
  {
    color: #3572B0;
  }
  
  .aui-button.aui-dropdown2-trigger:not(.aui-dropdown2-trigger-arrowless)::after, .aui-icon-dropdown
  {
    filter: invert(100%);
  }
  
  form.aui fieldset.big-radio-buttons input.radio:checked + label, .aui-navgroup-vertical .aui-nav > li > a:hover, .aui-select2-container.select2-container .select2-choice:hover, .aui-select2-container.select2-container.select2-container-active .select2-choice, form.aui .aui-select2-container, .aui-select2-container.select2-container .select2-choice, .aui-select2-container.select2-container a.select2-choice, .help-link:hover, .aui-tabs > .tabs-menu .menu-item.active-tab a:focus, .aui-tabs > .tabs-menu .menu-item.active-tab a:hover, .aui-tabs > .tabs-menu .menu-item.active-tab a, .aui-tabs > .tabs-menu .menu-item.active-tab a:link
  {
    background-color: #1C1C1C;
    color: #FAFAFA;
  }
  
  form.aui fieldset.big-radio-buttons input.radio:hover + label, .aui-tabs > .tabs-menu .menu-item a:hover, .aui-tabs > .tabs-menu .menu-item a:link
  {
    background-color: #0A0A0A;
    color: #FAFAFA;
  }
  
  .aui-sidebar .aui-navgroup-vertical .aui-nav .aui-nav-selected a
  {
    background-color: #0A0A0A;
    color: #FAFAFA;
    border-top: solid white 1px;
    border-bottom: solid white 1px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  
  .aui-navgroup-vertical .aui-nav > li > a:hover, #repo-getting-started .getting-started-choice:hover, #repo-getting-started .getting-started-choice:hover, #repo-getting-started .getting-started-choice:focus, .aui-navgroup-vertical .aui-nav > li > a:focus, .aui-navgroup-vertical .aui-nav > li > a:hover
  {
    background-color: #161616;
    color: #FAFAFA;
    border-top: solid black 1px;
    border-bottom: solid black 1px;
    padding-top: 4px;
    padding-bottom: 4px;
  }
  
  .aui-navgroup-vertical .aui-nav > li > a
  {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  
  .aui-select2-container.select2-container .select2-choice::after
  {
    border-top-color: #CCCCCC;
  }
  
  .filter-status > li[aria-pressed="true"] a, .filter-status > li[aria-pressed="true"] a:hover, a.aui-button.aui-button-light, .aui-dialog .dialog-button-panel, .aui-dialog h2.dialog-title
  {
    background-color: #1C1C1C;
    color: #FAFAFA;
    border: solid white 1px;
  }
  
  .filter-status > li a:hover, #content .bb-patch .heading .filename, .refract-content-container .line-numbers, .add-line-comment, .aui-sidebar .aui-sidebar-wrapper, .aui-navgroup-horizontal, .aui-inline-dialog .aui-inline-dialog-contents, .aui-inline-dialog .contents, .blank-slate-banner, .aui-button-subtle.aui-button:hover, .aui-dialog .dialog-page-body
  {
    background-color: #0A0A0A;
    color: #C1C1C1; /* #FAFAFA; */ /* My change - Reduce intensity of headings */
    /* border: solid white 1px; */ /* My change - commit code view border removed */
  }
  
  .aui-buttons .aui-button:not(.aui-button-primary)
  {
    background-color: #1C1C1C;
    color: #C1C1C1; /* #FAFAFA; */ /* My change - Reduce intensity of headings */
  }
  
  .aui-buttons .aui-button:hover:not(.aui-button-primary)
  {
    background-color: #0A0A0A;
    color: #FAFAFA;
  }
  
  .aui-navgroup-horizontal .aui-nav > li a:hover
  {
    background-color: #0A0A0A;
    color: #FAFAFA;
  }
  
  .aui-page-panel
  {
    background: #222; /**** #1C1C1C; My change  */
  }
  
  .aui-dropdown2.aui-style-default a, .aui-dropdown2.aui-style-default .aui-dropdown2-section > strong
  {
    background-color: #205081;
    color: #FAFAFA;
  }
  
  #repo-clone-dialog .sourcetree-callout
  {
    background-image: linear-gradient(to bottom, #1C1C1C, #0A0A0A);
    background-color: rgb(28, 28, 28);
  }
  
  #profile .blank-slate.no-following
  {
    background: none;
  }
  
  .participants ol li
  {
    background: transparent;
  }
  
  #pull-request-diff-header .main dt, #repo-content .view-pullrequest #pull-request-header .pull-request-self-link
  {
    color: #CCCCCC;
  }
  
  .sortable-table--column-header
  {
    background: transparent;
    color: #CCCCCC;
  }
  
  .sortable-table--column-header:hover
  {
    background: transparent;
    color: #FAFAFA;
  }
  
  .sortable-table--column-header[aria-sort="ascending"], .sortable-table--column-header[aria-sort="descending"]
  {
    background: transparent;
    color: #FAFAFA;
  }
  
  .sortable-table--column-header[data-initial-sort-direction="ascending"]:hover::after
  {
    border-bottom-color: #FAFAFA;
  }
  
  .sortable-table--column-header[data-initial-sort-direction="descending"]:hover::after
  {
    border-top-color: #FAFAFA;
  }
  
  .sortable-table--column-header[aria-sort="ascending"]::after
  {
    border-bottom-color: #CCCCCC;
  }
  
  .sortable-table--column-header[aria-sort="descending"]::after
  {
    border-top-color: #CCCCCC;
  }
  
  .aui-select2-container.select2-container a.select2-choice
  {
    text-shadow: none;
  }
  
  .filter-bar .aui-select2-container.select2-container.filter-bar-async.select2-dropdown-open .select2-choice
  {
    background: #0A0A0A;
    color: #FAFAFA !important;
  }
  
  .filter-bar .aui-button[aria-pressed="true"]
  {
    background: #0A0A0A;
    color: #FAFAFA;
  }
  
  .filter-bar .aui-button[aria-pressed="true"]:focus, .filter-bar .aui-button[aria-pressed="true"]:hover
  {
    background: #131313;
    color: #FAFAFA;
  }
  
  #issues-count, .aui-badge
  {
    background: #161616;
    color: #FAFAFA;
  }
  
  .markItUpHeader
  {
    background: #161616;
  }
  
  .markItUpButton
  {
    background: #0A0A0A !important;
    text-shadow: none !important;
  }
  
  .markItUpHeader .markItUpButton a
  {
    color: #FAFAFA !important;
  }
  
  .textarea-preview.previewing .preview-container
  {
    background: #1C1C1C;
  }
}