New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text in the rules constructor is too dark with built-in dark theme for dev tools #739

Closed
Alex-302 opened this Issue Jun 10, 2017 · 0 comments

Comments

Projects
None yet
2 participants
@Alex-302
Member

Alex-302 commented Jun 10, 2017

input field, separators and buttons are too contrasty in this case.

image
Is it possible to make it something like that?

image

/* attribute value */
body.platform-mac .styles-section .style-properties li {
    color: #d3855b !important;
}

/* attributes */
body.platform-mac ol#attributes-block span.webkit-css-property {
    color: #549abc !important;
}

/* properties */
body.platform-mac ol.style-properties span.webkit-css-property {
    color: #a5a5a5 !important;
}

/* separators */
body.platform-mac div.sidebar-separator {
    background-color: #2a2a2a !important;
    border-top: 1px solid #363636 !important;
    border-bottom: 1px solid #353535 !important;
    color: #d5d5d5 !important;
}

/* buttons */
body.platform-mac input[class="action-button"] {
    color: #d5d5d5 !important;
    background-color: #242424 !important;
    border-color: #9E9E9E !important;
    border-style: ridge !important;
}
body.platform-mac input[class="action-button"]:hover {
    background-color: #313131 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}
body.platform-mac input[class="action-button"]:active {
    background-color: #3E3E3E !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

/* text input of the rule */
body.platform-mac input.rule-input {
				left: -1px !important;
    color: #d5d5d5 !important;
    background-color: #242424 !important;
    border-color: #5c5c5c !important;
}

/* background */
body.platform-mac {
    background-color: #242424 !important;
}

@Alex-302 Alex-302 changed the title from Text in the rules constructor is too dark with built-in dark theme for dev tools in Canary 61 to Text in the rules constructor is too dark with built-in dark theme for dev tools Jun 10, 2017

@Mizzick Mizzick added this to the 3.0 milestone Jun 14, 2017

Mizzick added a commit that referenced this issue Jun 14, 2017

@Mizzick Mizzick modified the milestones: 2.6, 3.0 Jun 14, 2017

@Mizzick Mizzick closed this in fa5468f Jun 15, 2017

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment