Skip to content
This repository has been archived by the owner on Jun 11, 2021. It is now read-only.

Commit

Permalink
feat(design): new error icons + update icons + update light shadows /…
Browse files Browse the repository at this point in the history
… searchbox
  • Loading branch information
Shipow committed Apr 8, 2020
1 parent 58fb863 commit 2e77e70
Show file tree
Hide file tree
Showing 9 changed files with 57 additions and 18 deletions.
16 changes: 12 additions & 4 deletions packages/docsearch-react/src/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,11 +9,14 @@
--docsearch-modal-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.5),
0px 3px 8px 0px rgba(85, 90, 100, 1);
--docsearch-searchbox-background: var(--ifm-color-emphasis-300);
--docsearch-searchbox-shadow: inset 0px 0px 0px 2px var(--ifm-color-primary);
--docsearch-searchbox-focus-background: white;
--docsearch-searchbox-shadow: inset 0px 0px 0px 2px rgba(84, 104, 255, 0.5),
inset 2px 4px 6px 0px rgba(84, 104, 255, 0.25),
1px 1px 0px 0px rgb(255, 255, 255);
--docsearch-hit-color: var(--ifm-color-emphasis-800);
--docsearch-hit-active-color: white;
--docsearch-hit-background: white;
--docsearch-hit-shadow: 0px 2px 6px 0px rgb(212, 217, 225);
--docsearch-hit-shadow: 0px 1px 3px 0px rgb(212, 217, 225);
--docsearch-key-gradient: linear-gradient(
-225deg,
rgb(213, 219, 228) 0%,
Expand All @@ -22,7 +25,8 @@
--docsearch-key-shadow: inset 0px -2px 0px 0px rgb(205, 205, 230),
inset 0px 0px 1px 1px white, 0px 1px 2px 1px rgba(30, 35, 90, 0.4);
--docsearch-footer-background: white;
--docsearch-footer-shadow: 0px -5px 7px 0px rgba(69, 98, 155, 0.12);
--docsearch-footer-shadow: 0px -1px 0px 0px rgb(224, 227, 232),
0px -3px 6px 0px rgba(69, 98, 155, 0.12);
--docsearch-logo-color: #5468ff;
--docsearch-muted-color: rgb(150, 159, 175);
--docsearch-modal-width: 560px;
Expand All @@ -42,6 +46,7 @@ html[data-theme='dark'] {
--docsearch-modal-shadow: inset 1px 1px 0px 0px rgb(44, 46, 64),
0px 3px 8px 0px rgb(0, 3, 9);
--docsearch-searchbox-background: rgb(9, 10, 17);
--docsearch-searchbox-focus-background: black;
--docsearch-hit-color: var(--ifm-color-emphasis-500);
--docsearch-hit-shadow: none;
--docsearch-hit-background: rgb(9, 10, 17);
Expand Down Expand Up @@ -85,6 +90,7 @@ html[data-theme='dark'] {
.DocSearch-SearchButton:active,
.DocSearch-SearchButton:focus {
outline: none;
background: var(--docsearch-searchbox-focus-background);
box-shadow: var(--docsearch-searchbox-shadow);
}

Expand Down Expand Up @@ -192,7 +198,7 @@ html[data-theme='dark'] {
padding: 0 var(--docsearch-spacing);
align-items: center;
border-radius: 4px;
background: var(--docsearch-searchbox-background);
background: var(--docsearch-searchbox-focus-background);
box-shadow: var(--docsearch-searchbox-shadow);
}

Expand Down Expand Up @@ -466,6 +472,8 @@ html[data-theme='dark'] {
.DocSearch-Hit-action {
height: 22px;
width: 22px;
display: flex;
align-items: center;
}

.DocSearch-Hit-action svg{
Expand Down
14 changes: 14 additions & 0 deletions packages/docsearch-react/src/svg/icon_error_noResults.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 16 additions & 0 deletions packages/docsearch-react/src/svg/icon_error_offline.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion packages/docsearch-react/src/svg/icon_source_anchor.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion packages/docsearch-react/src/svg/icon_source_content.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 3 additions & 2 deletions packages/docsearch-react/src/svg/icon_source_page.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions packages/docsearch-react/src/svg/icon_tree_child.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 4 additions & 4 deletions packages/docsearch-react/src/svg/icon_tree_last-child.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions packages/docsearch-react/src/svg/light_footer_key_esc.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 2e77e70

Please sign in to comment.