diff --git a/src/background/plugins.js b/src/background/plugins.js index 24857de..8a0ca53 100644 --- a/src/background/plugins.js +++ b/src/background/plugins.js @@ -173,6 +173,12 @@ export default { url: '', emoji: '🌊', theme: 'ocean' + }, + { + title: 'Sakura', + url: '', + emoji: '🌸', + theme: 'sakura' } ], handler({ theme }, sendResponse) { diff --git a/src/components/Results.svelte b/src/components/Results.svelte index 8a624bb..77d9766 100644 --- a/src/components/Results.svelte +++ b/src/components/Results.svelte @@ -2,6 +2,8 @@ import { onDestroy } from 'svelte'; import Result from './Result.svelte'; + import { FrownIcon } from 'svelte-feather-icons' + import { results } from '../store'; import keyNavArray from '../utils/keyNavArray'; @@ -36,6 +38,15 @@ ↑ and ↓ to navigate, ↲ to select +{:else} +
+ + + + + Nothing matched the search phrase + +
{/if} \ No newline at end of file diff --git a/src/themes/themes.css b/src/themes/themes.css index a5e26b2..6d8612d 100644 --- a/src/themes/themes.css +++ b/src/themes/themes.css @@ -71,3 +71,17 @@ --blue-400-45: rgba(30, 143, 255, 0.45); --border-col: #20354f; } + +.search-wrapper.theme-sakura { + --bg: #ffb7c5; + --bg-80: rgba(255, 183, 197, 0.8); + --white: #ffb7c5; + --gray-300-90: rgba(215, 94, 139, 0.9); + --gray-500: #ffebe3; + --gray-600: #fad9d9; + --gray-700: #ffece6; + --gray-800: #fffeee; + --blue-400: #e9bac1; + --blue-400-45: rgba(227, 88, 118, 0.45); + --border-col: #e9bac1; +} \ No newline at end of file