Skip to content

Instantly share code, notes, and snippets.

@sparcut
Created October 27, 2016 06:22
Show Gist options
  • Save sparcut/c59de7f8cefe308d7d869772a71628ab to your computer and use it in GitHub Desktop.
Save sparcut/c59de7f8cefe308d7d869772a71628ab to your computer and use it in GitHub Desktop.
Dark theme for AWS console. Edited version of --> https://userstyles.org/styles/131297/aws-dark
html,
body,
#content,
.CLB,
.DMB,
#bucket-list-container,
#properties-panel,
#main,
#left-column,
li.awstoc,
ul.awstoc,
.awsui,
tr[__gwt_row],
body.user-type-iam .content-pane table,
body.user-type-iam div#c,
body.user-type-iam .full_wizard,
#bucket-list-view,
#object-list-container,
#awsgnav .nav-menu-content,
.fixed_header,
.GMQQL0TDOJB,
.GMQQL0TDL0E,
.GMQQL0TDPUE,
.GMQQL0TDE1 {
background-color: #222 !important;
color: #ddd !important
}
.alert.alert-info,
.alert.alert-info p,
.awsui .awsui-alert-type-info,
.total-amount-header,
.nested-column-header .nested-column,
.card-header,
.aws-nav-header .aws-nav-header-right,
.table-controls,
.table th,
.note,
.GMQQL0TDA- {
background: #444 !important;
color: #ddd !important
}
.aws-nav-header {
background: #bfbfbd !important; /* Old browsers */
background: -moz-linear-gradient(left, #bfbfbd 0%, #444444 15%, #444444 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left, #bfbfbd 0%,#444444 15%,#444444 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #bfbfbd 0%,#444444 15%,#444444 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h1,
h2,
h3,
h4,
h5,
h6,
#main p,
#main li,
#menu .title,
.main-content,
div.breadcrumb.current,
#left-col-header div,
.jive-subject,
.ct-label,
.gwt-Label,
#list-view .object-name.folder,
.jsoneditor .field, .jsoneditor .value, .jsoneditor td, .jsoneditor th, .jsoneditor textarea
.account-box-wrapper,
.bctxt,
.jive-description,
.ddfo li,
.gr__forums_aws_amazon_com div,
.gr__forums_aws_amazon_com td
{
color: #ddd !important
}
#list-view .list-view-item .small-icon
{
-webkit-filter: invert(100%) !important;
filter: invert(100%) !important;
}
#full_list .item:hover,
#list-view .list-view-item:hover {
background-color: #000 !important;
}
#list-view tr.ui-selected {
background-color: #555 !important;
}
#list-view tr.ui-selected:hover {
background-color: #444 !important;
}
.breadcrumb-segment{
color: #22a7ee !important;
text-shadow: none !important;
font-weight: normal !important;
}
.jive-page-description,
.jive-forum-list .jive-table .jive-even,
.jive-forum-list .jive-table .jive-odd,
li.toctree-l1,
.marketplace-header,
.nested-column {
background-color: transparent !important;
}
.LLD,
.PLB,
.gradient {
background: #444 !important;
background: -webkit-linear-gradient(top,#333,#444) !important;
background: -o-linear-gradient(top,#333,#444) !important;
background: -ms-linear-gradient(top,#333,#444) !important;
background: linear-gradient(to bottom,#333,#444) !important;
}
.column-headers {
text-shadow: none !important;
}
.GMQQL0TDAK,
.GMQQL0TDLJ,
.GMQQL0TDEY,
.GMQQL0TDKMB,
[class^="GEH"],
[class*=" GEH"],
[class^="BLB"],
[class*=" BLB"],
[class^="GEO"],
[class*=" GEO"],
[class^="GK4"],
[class*=" GK4"],
[class^="GLT"],
[class*=" GLT"],
[class^="GIH"],
[class*=" GIH"],
[class^=".GHG"],
[class*=" GHG"] {
color: #bbb !important;
text-shadow: none !important;
background: transparent !important;
}
.logo img {
opacity: .9 !important;
}
/* color links */
#awsgnav .service-link a,
a {
color: #6bd6ff !important;
}
a:hover{
color: #ffa330 !important;
}
#awsgnav .service-link .service-desc,
#awsgnav .service-category-link {
color: #ddd !important;
}
#awsgnav .service-link a:hover {
color: #e47911 !important;
}
/* end color links */
/* Overrides for inline styles */
.jive-page-description DIV {
background-color: transparent !important;
color: #fff;
}
select, textarea, input[type=text],
#jive-flatpage TABLE,
#jive-flatpage DIV,
#jive-flatpage FONT,
.jive-infobox TD,
.jive-infobox TH,
div.rds_campaign_cell,
.IPB{
background-color: #333 !important;
color: #ddd !important;
}
/* end overrides for inline styles */
p {
font-family: "Verdana", "Lucida Grande", "Helvetica Neue", Arial !important;
color: #aaa !important;
line-height: 1.5em !important;
}
.aws-code p {
font-family: Consolas, Andale Mono WT, Andale Mono, Lucida Console, Lucida Sans Typewriter, DejaVu Sans Mono, Bitstream Vera Sans Mono, Liberation Mono, Nimbus Mono L, Monaco, Courier New, Courier, monospace !important;
color: #eee !important;
margin-bottom: -23px !important;
}
/* Code Blocks, etc */
pre code {
display: block !important;
padding: 0.5em !important;
color: #eee !important;
}
pre .keyword,
pre .css .rule .keyword,
pre .winutils,
pre .javascript .title,
pre .nginx .title,
pre .subst,
pre .request,
pre .status {
color: #fff !important;
font-weight: bold !important;
}
pre.code .comment {
color: #1199FF !important;
}
#filecontents pre.code,
.docstring pre.code,
.tags pre.example {
border: 1px solid #e1e1e8 !important;
background: #444 !important;
}
.tags .tag_title tt {
color: indianred !important;
}
.summary .summary_signature {
padding: 4px 8px !important;
background: #333 !important;
border: 1px solid #555 !important;
border-radius: 4px !important;
}
/* END Code Blocks, etc */
.GIHNCL3CG-,
ul.blockList ul.blockList li.blockList,
ul.blockList ul.blockListLast li.blockList,
.backplane-card,
.backplane-card-header,
.card,
select,
div.body {
background-color: #222 !important;
color: #eee !important;
}
li.awstoc,
li.pagetoc {
font: normal 11px "Verdana", "Lucida Grande", "Helvetica Neue", Arial !important;
}
#jive-flatpage .unans{
color: #f55 !important;
}
#sideNav #subNavB .decoratedBox .body, #sideNav .subNavB .decoratedBox .body {
border: 4px solid #555 !important;
background-color: #555 !important;
}
.jive-acc-logout,
.jive-acc-cp,
.jive-acc-help{
padding: 5px !important;
background: #333 !important;
}
.jive-acc-mail{
margin-right: -21px !important;
padding: 5px 26px 5px 5px !important;
background: #333 !important;
}
.jive-forum-list .jive-table .jive-category-name {
font-family: sans-serif, arial, verdana !important;
background-image: none !important;
font-weight: bold !important;
text-align: left !important;
background-color: #333 !important;
color: #000000 !important;
border-top: 1px #cfcfcf solid !important;
border-bottom: 1px #cfcfcf solid !important;
border-right: 1px #cfcfcf solid !important;
padding: 6px !important;
}
.OB,
.IS,
tr[__gwt_row] .H-C,
table[data-table] tbody tr:hover {
background-color: #555 !important
}
.gwt-Tree,
a.awstoc.selected,
#pagetoc a.pagetoc.selected,
#breadcrumbs span.breadcrumb {
color: #eee !important
}
.LNB .gwt-TabLayoutPanelTab,
LayoutPanel .gwt-TabLayoutPanelTab {
cursor: hand !important;
color: #ddd !important;
text-align: center !important;
float: left !important;
margin-right: 5px !important;
border-color: #bbb !important;
border-style: solid !important;
border-width: 1px 1px 1px 1px !important;
background-image: none !important;
padding: 4px 12px !important;
bottom: -2px !important;
}
.LNB .gwt-TabLayoutPanelTab:hover {
background: #444 !important;
background-image: linear-gradient(rgb(31, 31, 31), rgb(68, 68, 68)) !important;
}
.GMQQL0TDOMB .gwt-TabLayoutPanelTab{
background-color: #333 !important;
}
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
background-color: #555 !important;
}
.HMB,
.GNG0JBXDG- tbody tr:nth-child(even) {
background-color: #555 !important
}
.NLD{
background-image: none !important;
}
.dialogContent,
.LBD,
.AKB,
#c.awsui .gwt-InlineLabel,
div.JLH,
tr[__gwt_row].GKB {
color: #555 !important
}
.awsui .IKB,
.GHGJSONCH0 tr[__gwt_header_row],
tr[__gwt_header_row] .IJB,
table[data-table="resource"] th {
color: #333 !important
}
#content div.serviceName,
.awsui .JQ {
color: #aaa !important
}
#content .services h2 {
color: #999 !important
}
#properties-panel-header-item-label,
#properties-panel-header-item-name,
#properties-panel-sections>h2,
.GH2OXPECGOE,
/* labels on CloudFront distribution UI */
.GH2OXPECMOE {
color: #aaa !important
}
.DS,
.GHGJSONCEBF ul li a,
body.user-type-iam .wx-sidenav a {
color: #777 !important
}
div.sphinxsidebar p,
div.sphinxsidebar h3,
div.sphinxsidebar h3 a,
div.sphinxsidebar h4,
div.informaltable-contents,
#service-name,
#language-filter {
color: #aaa !important
}
#full_list li.odd,
#filecontents table tr:nth-child(odd),
.docstring table tr:nth-child(odd) {
background-color: #444 !important;
}
#full_list li.even,
#filecontents table tr:nth-child(even),
.docstring table tr:nth-child(even) {
background-color: #333 !important;
}
#filecontents table th,
.docstring table th,
pre,
#pagetoc,
#pagetoc p {
background-color: #555 !important;
color: #eee !important
}
#pagetoc a {
color: #0000A0 !important;
}
tt {
color: rgba(255, 255, 0, 0.7) !important;
}
.navbar-inner {
background: #222 !important;
}
.navbar .brand,
.navbar .nav>li>a {
text-shadow: 0 1px 0 #000 !important;
}
.related-link a {
color: hsla(210, 50%, 54%, 1) !important;
/* expressed as HSLA because I just bumped luminosity from original */
}
#aws-page-content h3,
#aws-page-content a {
color: hsla(210, 50%, 54%, 1) !important;
}
ul.blockList ul.blockList ul.blockList li.blockList,
ul.blockList ul.blockList ul.blockListLast li.blockList,
tr.rowColor {
background-color: #333 !important
}
ul.blockList ul.blockList ul.blockList li.blockList,
ul.blockList ul.blockList ul.blockListLast li.blockList,
tr.altColor {
background-color: #555 !important
}
.contentContainer .description ul.blockList dl dt,
.contentContainer .details ul.blockList dl dt,
.serializedFormContainer ul.blockList dl dt {
color: #aaa !important
}
ul.blockList a:link,
table.overviewSummary a:visited {
color: rgba(255, 255, 0, 0.7) !important;
}
.ui-grid-row:nth-child(odd) .ui-grid-cell {
background-color: #222 !important;
}
.ui-grid-row:nth-child(even) .ui-grid-cell {
background-color: #333 !important;
}
#f,
.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs,
.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer,
.awsui .awsui-control-group-inside input,
.backplane-text-input,
.backplane-method-card .backplane-card-header,
.awsctk-input-field input,
.awsctk-input-field textarea,
.method-card,
.awsui .awsui-alert-type-error,
.awsui .awsui-alert-type-success,
.inheritanceTree,
.toggleDefines,
.box_info dl:nth-child(even) > *,
.box_info dl:nth-child(odd) > *,
.docstring p > code,
.docstring p > tt,
.tags p > code,
.tags p > tt,
.summary_desc .object_link a,
.docstring .object_link a,
.tags .callback .callback_item .signature,
p.signature,
h3.signature,
th.colFirst,
th.colLast,
th.colOne,
.constantValuesContainer th,
ul.blockList,
ul.blockList,
ul.blockList,
li.blockList h3,
div.details,
ul.blockList ul.blockList ul.blockList li.blockList h4,
div.details ul.blockList ul.blockList ul.blockListLast li.blockList h4 {
background: none !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment