Dotfiles/config/dotcss/gitlab.com.css

/* Userstyle for Gitlab.com. Created by: 2E0PGS */
/* Repository: https://bitbucket.org/2E0PGS/userstyles/overview */
/* Licence: GNU v3 */
/* Userstyle URL: todo /*
/* Version 1.0.7 01/02/2017 18:33*/

/* I suggest you set your Syntax Highlighting Theme to "Dark" under your /profile/preferences Page.*/

body, h1, h2, h3, h4, h5, h6, .wiki h1, .wiki h2, .wiki h3, .wiki h4, .wiki p, .wiki, .md-page, .blog-entry h1, .blog-entry h2, .blog-entry h3, .blog-entry h4, .blog-entry h5, .md-page h1, .md-page h2, .md-page h3, .md-page h4, .md-page h5, .blog-entry p, .md-page p, .detail-page-description .title, p, .cover-block .cover-title, .cover-block .cover-desc {
	color: #ffffff !important;	
}

body, .full-post {
	background-color: #1c1e22;
}

body.navless {
	background-color: #1c1e22 !important;
}

hr {
	border-top: 1px solid #696969;
}

/* ---Nav Bar--- */
header.navbar-gitlab, .row-content-block.content-component-block, .commit-header, .navbar-default {
	background-color: #1c1e22;
	border-bottom: 1px solid #696969;
}

/* ---Icon for notifications--- */
header.navbar-gitlab .container-fluid .nav>li>a {
	color: rgba(224, 224, 224, 0.84);
}

/* ---Seems the Nav links got broken in recent update. May need to remove legacy version of this--- */
.nav-links li a, header .header-content .title a, .project-stats .nav>li>a {
	color: rgb(255, 255, 255);
}

.project-stats .nav>li>a:hover, .project-stats .nav>li>a:focus, .nav-links li a:hover {
	color: rgba(185, 185, 185, 0.88);
}

.cover-block {
	background-color: #1e2125;
}

.nav-links {
	border-bottom: 1px solid #696969;
}

.row-content-block.white {
	background-color: #1e2125;
}

.content-wrapper .container-fluid {
	background-color: #1e2125;
}

.row-content-block {
	border-top: 1px solid #1e2125;
	border-bottom: 1px solid #1e2125;
	color: #959494;
}

/* ---Left Side Nav Bar--- */
body.ui_charcoal .page-with-sidebar .sidebar-wrapper {
	background: #1c1e22;
}

/* ---Left Side Nav Bar Button--- */
header.navbar-gitlab .side-nav-toggle {
	background-color: #1c1e22;
}

header.navbar-gitlab .side-nav-toggle:hover {
	background-color: rgba(255,255,255,0.05);
}

/* ---Event Items--- */
.event-item a {
	color: #EEEEEE;
}

.event-item .event-title {
	color: #CDCDCD;
}

.event-item {
	color: #b1b1b1;
	border-bottom: 1px solid #696969;
}

/* ---Search--- */
.dropdown-menu-toggle {
	background-color: #272b2f;
	color: #ffffff;
}

.dropdown-toggle-text.is-default {
	color: rgba(255, 255, 255, 0.99);
}

.form-control, .search form {
	background-color: #272b2f !important;
	border: 0px solid #e5e5e5;
	border-radius: 0px;
	color: #fff;
}

.dropdown-menu, .dropdown-menu-nav {
	background-color: #1c1e22;
	border: 0px solid rgba(0,0,0,0.1);
}

.dropdown-menu a, .dropdown-menu-nav a {
	color: #fff;
}

.dropdown-menu a:hover,.dropdown-menu-nav a:hover {
	background-color: rgba(255,255,255,0.05);
}

/* ---Hovering Form controls--- */
.form-actions, .row-content-block {
	background-color: #1c1e22;
	border-top: 1px solid #696969;
	color: #ffffff;
}

/* ---Code Entry Box--- */
.ace-tm, .code.white, .code.white pre.code, .code.white .line_holder .line_content {
	background-color: #1c1e22;
	color: white;
}

.ace-tm .ace_gutter, .file-editor .ace_gutter-cell {
	background: #272b2f;
	color: #fff;
}

.file-holder {
	border: 1px solid #696969;
}

.file-holder .file-title {
	background-color: #1e2125;
	border-bottom: 1px solid #696969;
}

code {
	color: #fff;
	background-color: #343940;
}

/* ------More Code Viewing and Syntax Tweaks------ */
.code.white .line-numbers, .code.white .diff-line-num {
	background-color: #1e2125;
	color: #f0f0f0;
}

.code.white pre.code, .code.white .diff-line-num {
	border-color: #333333;
}

/* ---Permalink Highlighted line--- */
.code.white .line.hll {
	background-color: #333333 !important;
}

/* ---Syntax Highlighting Tweaks--- */
.code.white .line span.k, .code.white .line span.kd {
	color: #80e0e0;
}

.code.white .line span.n, .code.white .line span.nn, .code.white .line span.o {
	color: #f0f0f0;
}

.code.white .line span.kt, .code.white .line span.nc {
	color: #a0a0f0;
}

.code.white .line span.na, .code.white .line span.mi {
	color: #00e080;
}

.code.white .line span.nf {
	color: #ff6060;
}

.code.white .line span.s {
	color: #e050e0;
}

/* ---Commit Code View Diff Addition Green Background--- */
.code.white .line_holder .line_content.new, .code.white .line_holder .diff-line-num.new {
	background-color: #003811;
}

.code.white .line_holder .line_content.new span.idiff {
	background-color: #155627;
}

.code.white .diff-line-num, .code.white .diff-line-num a {
	color: #f0f0f0;
}

/* ---Commit Code View Diff Deleted Red Background--- */
.code.white .line_holder .line_content.old, .code.white .line_holder .diff-line-num.old {
	background-color: #b33f4c;
}

.code.white .line_holder .line_content.old span.idiff {
	background-color: #80081a;
}

/* ---Privacy Options of Repo--- */
.project-visibility-level-holder .radio .option-title {
	color: #ffffff;
}

.project-visibility-level-holder .radio .option-descr {
	color: #b1b1b1;
}

/* ---Links--- */
.nav-links li.active a {
	border-bottom: 2px solid #236dde;
	color: #fff;
}

.nav-links li .badge {
	background-color: #424242;
	color: #ffffff;
}

ul.content-list>li a {
	color: #fff;
}

ul.content-list>li {
	color: #b1b1b1;
}

/* ---Page Controls--- */
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
	color: #ffffff;
	background-color: #272b2f;
	border-color: rgba(229, 229, 229, 0);
}

.pagination>li>a, .pagination>li>span {
	color: #9c9b9b;
	background-color: #272b2f;
	border: 0px solid rgba(229, 229, 229, 0);
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
	color: #848484;
	background-color: #393e44;
}

/* ---Avatar Menu Background Fix--- */
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus, header.navbar-gitlab .container-fluid .nav>li>a:hover, header.navbar-gitlab .container-fluid .nav>li>a:focus, header.navbar-gitlab .container-fluid .nav>li>a:active, table.table tr th, .file-holder table tr th, .wiki table tr th, .md table tr th, ul.notes .note .note-body .note-text table tr th {
	background-color: #1c1e22;
}

.layout-nav {
	background: #1c1e22;
	border-bottom: 1px solid #696969;
}

/* ---Profile Settings--- */
.layout-nav .nav-links li.active a, .layout-nav .nav-links li.active i {
	color: #fff;
}

.layout-nav .nav-links li a:hover, .layout-nav .nav-links li i:hover {
	color: #fff;
}

.provider-btn {
	background-color: #272b2f;
}

.provider-btn-group {
	border: 1px solid #3c3c3c;
	border-radius: 0px;
}

.provider-btn-image {
	border-right: 1px solid #696969;
}

.btn, .snippet-file-content .btn-clipboard {
	border-radius: 0px;
	background-color: #1c1e22;
	border-color: #696969;
	color: #ffffff;
}

.input-group .input-group-addon {
	background-color: #2e3338;
	color: white;
	border: 0px;
}

.btn:hover, .snippet-file-content .btn-clipboard:hover, .btn:focus, .snippet-file-content .btn-clipboard:focus {
	background-color: #272b2f;
	border-color: #696969;
	color: #ffffff;
}

.account-well {
	background-color: #1c1e22;
	border: 1px solid #696969;
}

.well-list>li:hover {
	background: #272b2f;
}

.help-block {
	color: rgba(210, 210, 210, 0.85);
}

/* ---Search Results--- */
.well, .search_box {
	background-color: #1c1e22;
	border: 1px solid #696969;
}

/* ---Settings Warning Message--- */
.settings-message {
	color: #fc6d26;
	background-color: #000000;
	border: 1px solid #fc6d26;
}

/* ---Repo Pages--- */
.project-home-panel .project-title {
	/* Disabled orange title background due to many complains, I thought it looked good personally */
	/*background-color: #e24329;*/
}

pre.light-well, pre.description-block {
	border-color: #696969;
}

.light-well, .description-block, pre {
	background-color: #1c1e22;
	color: white !important;
	border-color: #696969;
}

.btn, .snippet-file-content .btn-clipboard {
	background-color: #1c1e22 !important;
	border-color: rgba(229, 229, 229, 0) !important;
	color: #ffffff !important;
}

.project-repo-buttons .count-with-arrow .count, .project-repo-buttons .count-with-arrow .count:hover {
	border-color: rgba(220, 220, 220, 0);
	color: #ffffff;
	background: #1c1e22;
}

.nav-links.sub-nav .container-fluid, .nav-links.sub-nav {
	background-color: #1c1e22;
}

ul.content-list>li {
	border-color: #696969;
}

/* ---Commit Network Graph Initial Background Colour--- */
.project-network .network-graph {
	background: #444444;
}

/* ---Last commit--- */
.project-last-commit .commit-row-message {
	color: rgba(255, 255, 255, 0.71);
}

/* ---Repo Settings--- */
.bs-callout-info {
	background-color: #1c1e22;
}

/* ---Gitlab Issues--- */
.board-blank-state, .board-list {
	background-color: #1c1e22;
}

ul.notes .system-note {
	background: #1c1e22;
}

.board-header {
	background-color: #1c1e22;
}

.detail-page-header {
	color: rgba(204, 204, 204, 0.85)
}

.milestone.milestone-closed {
	background: #1e2125;
}

/* ---Fixes suggested by Daniel Quinn "/issues/2/"--- */
board-inner, .dropdown-toggle, .dropdown-menu-toggle {
	border: 1px solid #666666;
}

.board-title {
	border-bottom: 1px solid #666666;
}

.board-issue-count.has-btn {
	border: 0;
}

.issueable-meta, .detail-page-header .identifier, .detail-page-header .author, .discussion-header .author_link, .note-header .author_link, .comment-toolbar, .right-sidebar .title, .toolbar-btn {
	color: #999999;
}

.note-headline-light, .discussion-headline-light, .right-sidebar.right-sidebar-expanded .no-value {
	color: #f7f7f7;
}

/* ---Mark Down / Wiki--- */
.note-textarea {
	color: #ffffff;
}
.markdown-area {
	background: #1c1e22;
}

.sub-header-block {
	background-color: #1e2125;
	border-bottom: 1px solid #1e2125;
}

legend {
	border-bottom: 1px solid #696969;
}

.file-editor .editor-ref {
	background: #1c1e22;
	border-right: 1px solid #696969;
}

/* ---Commit List--- */
.breadcrumb.repo-breadcrumb a {
	color: #f1f1f1;
}

.commit-row-title .commit-row-message {
	color: #eaeaea;
}

.commit .commit-row-info {
	color: #bdbdbd;
	line-height: 1.35;
}

.commit .commit-row-info a {
	color: #717171;
}

.tint-box, #contributors .person .spark, .card {
	background: #1c1e22;
}

/* ---More Fixes for broken link themeing thanks to recent update--- */
.tree-holder .tree-commit .tree-commit-link {
	color: rgba(255, 255, 255, 0.55);
}

.light, .description-block, .tree-holder .tree-time-ago {
	color: rgba(210, 210, 210, 0.85);
}

/* ---Merges--- */
.merge-request.today, .issue.today, .merge-request.closed, .issue.closed, .merge-request.merged, .issue.merged {
	background: #1c1e22;
	border-color: #696969;
}

.mr-state-widget .ci_widget {
	color: rgba(177, 177, 177, 0.85);
}

/*--- File Names--- */
.tree-holder .tree-item .tree-item-file-name i, .tree-holder .tree-item .tree-item-file-name a {
	color: #fff;
}

.tree-holder .tree-table tr:hover td {
	background-color: #1c1e22;
	border-top: 1px solid #e24329;
	border-bottom: 1px solid #e24329;
}

.file-holder .file-content {
	background: #1c1e22;
}

.blob-commit-info {
	background: #1c1e22;
	border: 1px solid #696969;
}

/* ---Edit Button--- */
.btn-file-option {
	background: linear-gradient(180deg, #020202 25%, #000000 100%);
}

/* ---Group Repos--- */
.cover-block.groups-cover-block {
	background: #1c1e22;
	border-bottom: 1px solid #696969;
}

.cover-block .group-info h1 {
	color: #fff;
	background-color: #1e2125;
}

.panel {
	background-color: #1c1e22;
}

.panel-default>.panel-heading {
	color: #5c5c5c;
	background-color: #1c1e22;
	border-color: #696969;
}

.panel-default {
	border-color: #696969;
}

.mr-state-widget {
	background: #1c1e22;
	color: #5c5c5c;
	border: 1px solid #696969;
}

.mr-state-widget .ci_widget {
	border-bottom: 1px solid #696969;
}

/* ---Search Filter--- */
.search .location-badge {
	color: #e7e9ed;
	background-color: #363c42;
}

.right-sidebar {
	background: #1e2125;
	border-left: 1px solid #696969;
}

/* ---Commit List--- */
.branch-commit .commit-id, .branch-commit .commit-row-message {
	color: #9c9c9c;
}

.commit a, .commit button {
	color: #a0a0a0;
}

.table-holder .builds th {
	background-color: #1c1e22
}

.row-content-block.build-content {
	background-color: #1c1e22;
}

/* ---Footer--- */
.panel-footer {
	background-color: #1c1e22;
	border-top: 1px solid #696969;
}

/* ---Search Box on main website--- */
.search-box.is-open .search-input {
	color: black;
}

/* ---delete file confirmation box--- */
.modal-content {
	background: #1e2125;
	border: 1px solid #696969;
	color: #ffffff !important;
}

/* ------Octotree Extension Support Code------ */

/* ---header--- */
.octotree_gitlab_sidebar .octotree_views .octotree_view .octotree_view_header {
	background: #1e2125;
	color: #ffffff !important;
	text-shadow: none !important;
}

.octotree_gitlab_sidebar .octotree_views .octotree_treeview .octotree_header_repo,
.octotree_gitlab_sidebar .octotree_views .octotree_treeview .octotree_header_repo a
{
	color: #ffffff;
	text-shadow: none !important;
}

.octotree_gitlab_sidebar .octotree_views .octotree_treeview .octotree_header_repo::before {
	color: #ffffff;
}

.octotree_gitlab_sidebar a.octotree_opts, .octotree_gitlab_sidebar a.octotree_toggle
{
	color: #c0c0c0 !important;
}

/* ---main body--- */
.octotree_gitlab_sidebar {
	background: #1e2125;
	border-left: 1px solid #696969;
	color: #ffffff !important;
}

/* ---elements in tree view---*/
.octotree_gitlab_sidebar .octotree_views .octotree_treeview .jstree-anchor 
{
	color: #ffffff !important;
}

/* ---hover over row---*/
.jstree-wholerow-hovered {
	background: #333 !important;
}

/* ---row clicked---*/
.jstree-wholerow-clicked {
	background: #182030 !important;
}

/* ---folder icons---*/
.octotree_views .octotree_treeview .jstree-anchor .jstree-icon.tree:before {
	color: #fff !important;
}

/* ---file icons---*/
.octotree_gitlab_sidebar .octotree_views .octotree_treeview .jstree-icon.blob:before {
	color: #ffffff !important;
}

/* ---folder triangle icons---*/
.jstree-icon.jstree-ocl {
	-webkit-filter: invert(100%) hue-rotate(180deg) !important;
	filter: invert(100%) hue-rotate(180deg) !important;
}

/* ---Fix for active items on Boards--- */
a.label-item.is-focused, li.card.user-can-drag.is-active > h4 > a{
	color: #1c1e22; 
}

/* ------Pipes------ */
.table-holder .ci-table th {
	background-color: #1c1e22;
	color: rgb(255, 255, 255);
}

/* ---Pipeline Commit ID--- */
.pipelines .table.ci-table .pipeline-id, .pipelines .file-holder table.ci-table .pipeline-id, .file-holder .pipelines table.ci-table .pipeline-id, .pipelines .wiki table.ci-table .pipeline-id, .wiki .pipelines table.ci-table .pipeline-id, .pipelines .md table.ci-table .pipeline-id, .md .pipelines table.ci-table .pipeline-id, .pipelines ul.notes .note .note-body .note-text table.ci-table .pipeline-id, ul.notes .note .note-body .note-text .pipelines table.ci-table .pipeline-id {
	color: #b6b6b7;
}