aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/search
diff options
context:
space:
mode:
authorAshley Cai <ashley.lcai@gmail.com>2021-07-15 12:37:31 -0700
committerAshley Cai <ashley.lcai@gmail.com>2021-07-15 12:37:31 -0700
commit1a1fc27a66c95c947dc8d2a812484f37586133cd (patch)
treed4728f83e1af825f03917ecfa9442bd6b2cf6f2c /src/client/views/search
parent4fe24111c6eafc58927fcca9d8c46a5b92cc4078 (diff)
Starting Color consistency
Diffstat (limited to 'src/client/views/search')
-rw-r--r--src/client/views/search/CheckBox.scss2
-rw-r--r--src/client/views/search/IconButton.scss2
-rw-r--r--src/client/views/search/IconButton.tsx2
-rw-r--r--src/client/views/search/SearchBox.scss4
-rw-r--r--src/client/views/search/SelectorContextMenu.scss4
5 files changed, 7 insertions, 7 deletions
diff --git a/src/client/views/search/CheckBox.scss b/src/client/views/search/CheckBox.scss
index c46b3eb20..2a0085ade 100644
--- a/src/client/views/search/CheckBox.scss
+++ b/src/client/views/search/CheckBox.scss
@@ -13,7 +13,7 @@
margin-top: 0px;
.check-container:hover~.check-box {
- background-color: $darker-alt-accent;
+ background-color: $medium-blue;
}
.check-container {
diff --git a/src/client/views/search/IconButton.scss b/src/client/views/search/IconButton.scss
index d87b8bd5c..3cb08d756 100644
--- a/src/client/views/search/IconButton.scss
+++ b/src/client/views/search/IconButton.scss
@@ -43,7 +43,7 @@
.type-icon:hover {
transform: scale(1.1);
- background-color: $darker-alt-accent;
+ background-color: $medium-blue;
opacity: 1;
+.filter-description {
diff --git a/src/client/views/search/IconButton.tsx b/src/client/views/search/IconButton.tsx
index 6fd91c9c1..2dd6b1b79 100644
--- a/src/client/views/search/IconButton.tsx
+++ b/src/client/views/search/IconButton.tsx
@@ -104,7 +104,7 @@ export class IconButton extends React.Component<IconButtonProps>{
hoverStyle = {
opacity: 1,
backgroundColor: "rgb(128, 128, 128)"
- //backgroundColor: "rgb(178, 206, 248)" //$darker-alt-accent
+ //backgroundColor: "rgb(178, 206, 248)" //$medium-blue
};
render() {
diff --git a/src/client/views/search/SearchBox.scss b/src/client/views/search/SearchBox.scss
index 8d6bc86cb..6a2fe6f19 100644
--- a/src/client/views/search/SearchBox.scss
+++ b/src/client/views/search/SearchBox.scss
@@ -20,7 +20,7 @@
display: flex;
justify-content: center;
align-items: center;
- background-color: $dark-color;
+ background-color: $dark-gray;
.searchBox-lozenges {
position: absolute;
@@ -86,7 +86,7 @@
&.searchBox-input {
margin:5px;
border-radius:20px;
- border:$dark-color;
+ border:$dark-gray;
display: block;
width: 130px;
-webkit-transition: width 0.4s;
diff --git a/src/client/views/search/SelectorContextMenu.scss b/src/client/views/search/SelectorContextMenu.scss
index 438b6a0c2..a114f679c 100644
--- a/src/client/views/search/SelectorContextMenu.scss
+++ b/src/client/views/search/SelectorContextMenu.scss
@@ -1,7 +1,7 @@
@import "../global/globalCssVariables";
.parents {
- background: $lighter-alt-accent;
+ background: $light-blue;
padding: 10px;
// width: 300px;
@@ -10,7 +10,7 @@
}
.collection {
- border-color: $darker-alt-accent;
+ border-color: $medium-blue;
border-bottom-style: solid;
}
} \ No newline at end of file