Skip to content

Instantly share code, notes, and snippets.

@f1yn

f1yn/darkwork.css

Last active June 10, 2017 03:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save f1yn/e9708f9e1cb08fd8983f895dbc47977f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save f1yn/e9708f9e1cb08fd8983f895dbc47977f to your computer and use it in GitHub Desktop.
Download ZIP
Darkwork - Stylus CSS theme for Upwork
Raw
darkwork.css
body {
color: #eee;
}
.h1,
.h2,
.h3,
.h4,
.h5,
h1,
h2,
h3,
h4,
h5,
p,
.alert-danger,
.alert-info,
.alert-inline,
.alert-notification,
.alert-success,
.alert-warning,
.up-active-editor .up-active-container .up-active-context:hover .o-tag,
.up-active-editor .up-active-container .up-active-context-hover:hover .o-tag,
.dropdown-menu > li > a,
.eo-dropdown-menu > li > a,
.select2-drop,
.oStatsTable tbody td,
.oTableLite tbody td,
.oTableForm tbody td,
textarea.msg-composer-input {
color: #f8f8f8;
}
.o-tag,
.o-tag-certified,
.o-tag-skill,
.o-tag-tested,
.tokenizer-wrapper > .tokenizer-token-list .tokenizer-token,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li > a,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-text {
color: #bbb;
}
.btn-group > .btn,
.btn-group > .btn-default,
.btn-group > .btn-primary,
#room-nav,
.room-body,
input,
.highlight,
button,
.oPanel,
.oWidget,
.oField,
[type=text],
.oInvisibleInput:hover,
.oInvisibleInput:focus,
[type=password],
[type=search],
textarea,
.oTagsField,
.form-control,
.select2-drop,
.circle-icon-md,
.up-active-editor .up-active-container:hover .up-active-context span,
.up-active-editor .up-active-container:hover p.up-active-context,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover,
.eo-dropdown-menu > li > a:focus,
.eo-dropdown-menu > li > a:hover,
.up-active-editor .up-active-container.up-active-container-hover .up-active-context span,
.up-active-editor .up-active-container.up-active-container-hover p.up-active-context,
.up-active-editor .up-active-container .up-active-context-hover,
.up-active-editor .up-active-container .up-active-context-hover span,
.up-active-editor .up-active-container:hover .up-active-context-hover,
.up-active-editor .up-active-container:hover .up-active-context-hover span,
.up-active-editor .up-active-container .up-active-context:hover span,
.up-active-editor .up-active-container p.up-active-context:hover,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a:hover {
background-color: #000 !important;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-danger,
.btn-danger:focus,
.btn-default,
.btn-default:focus,
.btn-info,
.btn-info:focus,
.btn-success,
.btn-success:focus,
.btn-warning,
.btn-warning:focus,
ul.room-list-nav {
background-color: transparent;
}
.oMenu,
.room-list-item.selected,
.popover > .arrow,
.popover > .arrow *,
.oFlyout,
.popover,
.alert-danger,
.alert-info,
.alert-inline,
.alert-notification,
.alert-success,
.alert-warning,
.well,
.dropdown-menu,
.eo-dropdown-menu,
.oBtnSecondary,
.oMenuButton .oMtnAction,
tr.oPending td,
.oFirstColumn.oLastColumn,
.oTable td,
.oTablePastHires td,
.oNewRateTable td,
.oReportTable td,
.oHeader.oMinHdrTwizzlr,
.oHeader .oTwizzlr .oDropdownItem,
.dropdown-menu > li > a,
.eo-dropdown-menu > li > a,
.up-active-editor .up-active-container.up-active-container-hover .up-active-context span,
.up-active-editor .up-active-container.up-active-container-hover p.up-active-context,
.up-active-editor .up-active-container .up-active-context-hover,
.up-active-editor .up-active-container .up-active-context-hover span,
.up-active-editor .up-active-container:hover .up-active-context-hover,
.up-active-editor .up-active-container:hover .up-active-context-hover span,
.up-active-editor .up-active-container .up-active-context:hover span,
.up-active-editor .up-active-container p.up-active-context:hover,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .dropdown-menu > li > a,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-right > li.dropdown > .eo-dropdown-menu > li > a,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a,
ul.oList,
section.oList > .oBd,
.oHeader .oTwizzlr .oTopNavTabpanel {
border-color: #111;
background-color: #222;
}
.footer-navbar,
.oFooter,
.oMuttonMenu li:hover,
.oMuttonMenu li:active,
.footer-navbar-wrapper,
.modal-backdrop,
.oSelectTag,
.nav-subnav,
.oFilterPanel > .oFormField > select,
#main select,
.modal-header,
tr.oPending td,
.o-tag,
.o-tag-certified,
.o-tag-skill,
.o-tag-tested,
.oMsg,
.tokenizer-wrapper > .tokenizer-token-list .tokenizer-token,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu .active:not(label) > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu .active:not(label) > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .dropdown-menu > li > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.dropdown > .eo-dropdown-menu > li > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a:hover,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a:focus,
.header-navbar-skinny .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .dropdown-menu .company-list .active:not(label) > a:hover,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a:focus,
.header-navbar-visitor .navbar-default.primary-navbar.navbar-hover .navbar-nav > li.dropdown > .eo-dropdown-menu .company-list .active:not(label) > a:hover {
background-color: #000
}
input,
.header-navbar-skinny .navbar-default.primary-navbar,
.header-navbar-visitor .navbar-default.primary-navbar,
.air-card,
.oMenu > li,
.oSelectTag,
.header-navbar-skinny .navbar-default.primary-navbar .navbar-nav > li.account-dropdown .container,
.header-navbar-visitor .navbar-default.primary-navbar .navbar-nav > li.account-dropdown .container,
.oFilterPanel > .oFormField > select,
#main select,
.nav-stacked > li.active a:active,
.nav-stacked > li.active a:focus,
.oPeriodSelector li.isSelected,
.nav-stacked > li.active a:hover,
.nav-stacked > li.active > a {
border-color: #000 !important
}
#room-main-body,
#chat-header,
.composer-panel,
.room-body,
.row.fill,
.leftnav-menu,
.room-timestamp,
.room-leftnav-header,
.room-list-item.room-list-item-expanded .room-list-item-div,
.contextual-room-timestamp.room-timestamp,
.msg-composer-area {
border-color: #444 !important
}
body,
.body,
.story-body-wrapper:hover,
.oPeriodSelector li.isSelected,
.nav-stacked > li.active a:active,
.nav-stacked > li.active a:focus,
.nav-stacked > li.active a:hover,
.nav-stacked > li.active > a,
.modal-content {
background-color: #111;
}
.header-navbar-skinny .navbar-default.primary-navbar,
.header-navbar-visitor .navbar-default.primary-navbar,
.header-navbar,
.air-card,
.nav-tabs-card > li.active > a,
.nav-tabs-card > li.active > a:active,
.nav-tabs-card > li.active > a:focus,
.nav-tabs-card > li.active > a:hover,
.nav-tabs-card + .tab-content {
background-color: #222 !important
}
.air-card {
-webkit-box-shadow: 0 0 0 2px #000;
box-shadow: 0 0 0 2px #000;
}
.room-timestamp.contextual-room-timestamp {
background-image: none;
}
.room-timestamp.contextual-room-timestamp {
background-color: rgba(0, 0, 0, .9)
}
.btn-primary.disabled,
.btn-primary.disabled:active,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled]:active,
.btn-primary[disabled]:hover {
background-color: #444 !important
}
.btn-primary,
.btn-primary:focus {
border-color: #000 !important;
color: #fff !important;
background-color: #37a000 !important;
}
.oPending,
tr.isDue td {
color: #bbb
}
.oDueSwatch,
tr.isDue td {
background-color: #331
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment