screwcdriver-cd-dark.user.css

/* ==UserStyle==
@name           Screwdriver.cd dark
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A dark userstyle
@license BSD 3-Clause
@author         yoshwata
@advanced       text site "Domain" "cd.screwdriver.cd"
==/UserStyle== */
@-moz-document domain("/*[[site]]*/") {
    ul.dropdown-menu {
        background-color: #E0E0E0 !important;
    }

    ul.dropdown-menu > li > a > span {
        color: #424242 !important;
    }

    body {
        background: #000;
    }
}

@-moz-document regexp("^https?:///*[[site]]*//login") {
    h2 {
        color: #FAFAFA
    }

    p {
        color: #FAFAFA
    }
}
@-moz-document regexp("^https?:///*[[site]]*//pipelines/[0-9]*/events[#]?"),
regexp("^https?:///*[[site]]*//pipelines/[0-9]*/pulls[#]?") {
    /* Insert code here... */
    div#events > div > div > div:hover {
        background: #616161 !important
    }

    div.pipelineWorkflow {
        background-color: #757575
    }

    div#appContainer > div.ember-view {
        background-color: #424242
    }

    h1 {
        color: #FAFAFA
    }

    a.branch {
        color: #fafafa
    }

    span.scm {
        color: #fafafa
    }

    div.highlighted {
        background-color: #424242 !important
    }

    strong {
        color: #fafafa
    }

    span {
        color: #fafafa
    }

    label {
        color: #fafafa
    }

    div.col {
        color: #fafafa
    }

    button {
        background-color: #424242 !important
    }

    li.active * {
        background-color: #757575 !important
    }

    ul.nav-tabs {
        background-color: #424242 !important
    }

    ul.nav-tabs > li > a.active {
        color: #FFF !important
    }

    text.graph-label {
        color: #FF0000 !important
    }
}

@-moz-document regexp("^https?:///*[[site]]*//pipelines/[0-9]*/secrets"),
regexp("^https?:///*[[site]]*//pipelines/[0-9]*/options"),
regexp("^https?:///*[[site]]*//pipelines/[0-9]*/metrics"),
regexp("^https?:///*[[site]]*//user-settings[#]*") {
    div#appContainer > div.row.ember-view {
        background-color: #424242
    }

    h1 {
        color: #FAFAFA
    }

    a.branch {
        color: #fafafa
    }

    span {
        color: #fafafa
    }

    h3 {
        color: #FAFAFA
    }

    p {
        color: #FAFAFA
    }

    td.name {
        color: #FAFAFA
    }

    h4 {
        color: #FAFAFA
    }

    label {
        color: #FAFAFA
    }

    div.x-toggle-btn::before {
        background-color: #E0E0E0 !important
    }

    div.chart-c3 {
        background-color: #424242
    }

    div.chart-cta {
        background-color: #424242;
        color: #FAFAFA
    }

    div.job-selector > select {
        background-color: #616161
    }
}

@-moz-document regexp("^https?:///*[[site]]*//pipelines/[0-9]*/builds/.*") {
    div.row {
        background-color: #424242
    }

    h1 {
        color: #FAFAFA
    }

    span {
        color: #FAFAFA
    }

    a.branch {
        color: #FAFAFA
    }
}

@-moz-document regexp("^https?:///*[[site]]*//dashboards/[0-9#]*"),
regexp("^https?:///*[[site]]*//search.*") {
    h2 {
        color: #FAFAFA
    }

    p {
        color: #FAFAFA
    }

    div.pipeline-card-content {
        background-color: #424242 !important
    }

    div[title] {
        color: #FAFAFA
    }

    span.badge-info {
        color: #FAFAFA
    }

    div.flyout.row {
        background-color: #424242
    }

    div.row--active {
        background-color: #BDBDBD !important
    }

    li.active {
        background-color: #616161
    }

    td.branch {
        color: #FAFAFA
    }

    td.account {
        color: #FAFAFA
    }
}

@-moz-document regexp("^https?:///*[[site]]*//validator") {
    h3 {
        color: #FAFAFA
    }

    h4 {
        color: #FAFAFA
    }

    span {
        color: #FAFAFA
    }

    li {
        color: #FAFAFA
    }

    div.ace_content {
        background-color: #FAFAFA
    }

    span.label {
        color: #FAFAFA !important
    }

    ul.dropdown-menu {
        background-color: #424242
    }
}

@-moz-document regexp("^https?:///*[[site]]*//templates[/]*$"),
regexp("^https?:///*[[site]]*//commands[/]*$"),
regexp("^https?:///*[[site]]*//templates/[A-Za-z0-9_-]*[/]*$"),
regexp("^https?:///*[[site]]*//templates/[A-Za-z0-9_-]*[/]*$") {
    section.row {
        background: #212121
    }

    h4 {
        color: #FAFAFA
    }

    div.collection-description {
        color: #FAFAFA
    }

    b {
        color: #FAFAFA
    }

    label {
        color: #FAFAFA
    }

    select {
        color: #FAFAFA
    }

    tr.lt-row {
        background: #424242 !important;
        border-color: #616161 !important;
    }

    td.lt-cell {
        color: #FAFAFA
    }

    div.lt-head {
        background: #757575 !important;
    }

    th.lt-column {
        color: #FAFAFA !important
    }
}

@-moz-document regexp("^https?:///*[[site]]*//templates/.*/.*"),
regexp("^https?:///*[[site]]*//commands/.*/.*") {
    h1 {
        color: #FAFAFA
    }

    h2 {
        color: #FAFAFA
    }

    h4 {
        color: #FAFAFA
    }

    p {
        color: #FAFAFA
    }

    div {
        color: #FAFAFA
    }

    pre {
        background: #212121;
        color: #FAFAFA
    }

    span {
        color: #FAFAFA !important
    }

    div.template-description:hover {
        background: #424242
    }

    div.images:hover {
        background: #424242
    }

    div.annotations:hover {
        background: #424242
    }

    div.image:hover {
        background: #424242
    }

    div.steps:hover {
        background: #424242
    }

    div.sourcePaths:hover {
        background: #424242
    }

    div.secrets:hover {
        background: #424242
    }

    div.env:hover {
        background: #424242
    }

    div.settings:hover {
        background: #424242
    }

    div.sd-commands:hover {
        background: #424242
    }

    span.version {
        color: #337AB7 !important
    }
}