discourse/discourse-data-explorer
1
0
Fork 0
mirror of https://github.com/discourse/discourse-data-explorer.git synced 2025-03-09 13:24:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Use predefined SCSS colors instead of hardcoded colors

Browse Source
This commit is contained in:
Rishabh Nambiar 2018-08-20 11:29:19 +05:30
parent 3586919881
commit 7647b1597f
1 changed files with 18 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
assets/stylesheets/explorer.scss
View File

@ -3,7 +3,7 @@
} }
.query-editor { .query-editor {
border: 1px solid dark-light-diff($primary, $secondary, 80%, -20%); border: 1px solid $primary-very-low;
margin-bottom: 15px; margin-bottom: 15px;
.editor-panel { .editor-panel {
width: 65%; width: 65%;
@ -44,11 +44,11 @@
.right-panel { .right-panel {
float: right; float: right;
.schema { .schema {
border-left: 1px solid dark-light-diff($primary, $secondary, 80%, -20%); border-left: 1px solid $primary-low;
height: 400px; height: 400px;
overflow-y: scroll; overflow-y: scroll;
overflow-x: hidden; overflow-x: hidden;
color: dark-light-diff($primary, $secondary, 20%, -20%); color: $secondary-low;
font-size: 11px; font-size: 11px;
input { input {
@ -59,7 +59,7 @@
} }
.schema-table-name { .schema-table-name {
font-weight: bold; font-weight: bold;
border-bottom: 1px solid dark-light-diff($primary, $secondary, 80%, -20%); border-bottom: 1px solid $primary-low;
padding-left: 5px; padding-left: 5px;
.fa { .fa {
width: 6px; width: 6px;
@ -96,14 +96,14 @@
color: $tertiary; color: $tertiary;
margin: 0; margin: 0;
padding-left: 7px; padding-left: 7px;
border-left: 1px dotted dark-light-diff($primary, $secondary, 80%, -20%); border-left: 1px dotted $primary-low-mid;
.schema-typenotes { .schema-typenotes {
color: dark-light-diff($primary, $secondary, 50%, -20%); color: $primary-medium;
font-style: italic; font-style: italic;
} }
.popup-info { .popup-info {
color: dark-light-diff($primary, $secondary, 50%, -20%); color: $primary-medium;
.popup { display: none; } .popup { display: none; }
&:hover .popup { display: block; } &:hover .popup { display: block; }
@ -114,7 +114,7 @@
padding: 5px; padding: 5px;
padding-right: calc(5px + 2em); padding-right: calc(5px + 2em);
border: 1px solid; border: 1px solid;
background: white; background: $secondary;
left: -120px; left: -120px;
width: 180px; width: 180px;
top: 6px; top: 6px;
@ -141,6 +141,7 @@
.query-edit { .query-edit {
.name h2 { .name h2 {
display: inline-block; display: inline-block;
color: $secondary-low;
} }
.name .previous { .name .previous {
padding: 0.2em; padding: 0.2em;
@ -172,15 +173,15 @@
} }
.query-params { .query-params {
border: 1px solid dark-light-diff($primary, $secondary, 60%, -20%); border: 1px solid $header_primary-medium;
.param > input { .param > input {
margin: 9px; margin: 9px;
} }
.invalid > input { .invalid > input {
background-color: mix($danger, $secondary, 20%); background-color: $danger-low;
} }
.invalid .ac-wrap { .invalid .ac-wrap {
background-color: mix($danger, $secondary, 20%); background-color: $danger-low;
} }
.param { .param {
width: 300px; width: 300px;
@ -232,26 +233,24 @@
td{ td{
.query-created-at { .query-created-at {
font-weight: bold; font-weight: bold;
color: dark-light-diff($primary, $secondary, 40%, -20%); color: $secondary-medium;
} }
.query-created-by { .query-created-by {
color: dark-light-diff($primary, $secondary, 25%, -20%); color: $primary-high;
} }
} }
hr { tr {
height: 2px; height: 2px;
width: 100%;
color: dark-light-diff($primary, $secondary, 35%, -20%);
} }
.heading { .heading {
padding-top: 30px; padding-top: 30px;
color: dark-light-diff($primary, $secondary, 30%, -20%); color: $primary-high;
} }
.query-name { .query-name {
color: dark-light-diff($primary, $secondary, 15%, -20%); color: $secondary-low;
} }
.query-desc { .query-desc {
color: dark-light-diff($primary, $secondary, 25%, -20%); color: $primary-high;
} }
} }