Skip to content
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
Assignees
Milestone

Comments

@Alex-302
Copy link
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 Text in the rules constructor is too dark with built-in dark theme for dev tools in Canary 61 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants