Style the scroll to top arrow 🏹.

gmarty · May 24, 2024 · 672966d · 672966d
1 parent 442ecbd
commit 672966d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 11 deletions.
diff --git a/src/components/solidjs/ScrollTopAndComments.tsx b/src/components/solidjs/ScrollTopAndComments.tsx
@@ -38,14 +38,10 @@ export default function ScrollTopAndComments() {
       <button
         aria-label={t('components.scrollTopAndComments.scrollTop')}
         onClick={handleScrollToTop}
-        class="rounded-full bg-gray-200 p-2 text-gray-500 dark:text-gray-300 transition-all hover:bg-gray-300 dark:bg-gray-700 dark:hover:bg-gray-600"
+        class="rounded-full p-2 transition-all bg-primary-300 text-primary-600 dark:bg-primary-700 dark:text-primary-400 hover:bg-primary-400 hover:text-primary-700 dark:hover:bg-primary-600 dark:hover:text-primary-300 opacity-75"
       >
         <svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
-          <path
-            fill-rule="evenodd"
-            d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z"
-            clip-rule="evenodd"
-          />
+          <path d="M3.293 9.707a1 1 0 010-1.414l6-6a1 1 0 011.414 0l6 6a1 1 0 01-1.414 1.414L11 5.414V17a1 1 0 11-2 0V5.414L4.707 9.707a1 1 0 01-1.414 0z" />
         </svg>
       </button>
     </div>

diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
@@ -36,15 +36,15 @@ export const ui = {
       'Here is a list of some meetups and social events I organised.',
     'pages.blog.title': 'All blog posts',
     'pages.blog.description': 'All blog posts',
-    'pages.404.title': '404 - Not Found',
+    'pages.404.title': '404 - Not found',
     'pages.404.description': 'The page you are looking for does not exist.',
     'pages.404.backToHome': 'Back to home',
 
     // Components
-    'components.scrollTopAndComments.scrollTop': 'Scroll To Top',
-    'components.themeSwitcher.toggleDarkMode': 'Toggle Dark Mode',
+    'components.scrollTopAndComments.scrollTop': 'Scroll to top',
+    'components.themeSwitcher.toggleDarkMode': 'Toggle dark mode',
     'components.card.linkToPost': 'Read more about {title}',
-    'components.mobileNav.toggleMenu': 'Toggle Menu',
+    'components.mobileNav.toggleMenu': 'Toggle menu',
     // 'components.listPostCover.publishedAt': 'Published at',
     // 'components.listPostCover.publishedIn': 'Published in',
     'components.listPostCover.publishedOn': 'Published on',
@@ -74,7 +74,7 @@ export const ui = {
     'layouts.postLayout.authorName': 'Name',
     'layouts.postLayout.draftMessage':
       'This is a draft. It might be incomplete or have errors.',
-    'layouts.postLayout.tableOfContents': 'Table of Contents',
+    'layouts.postLayout.tableOfContents': 'Table of contents',
     'layouts.postLayout.tags': 'Tags',
     'layouts.postLayout.previousPost': 'Previous post',
     'layouts.postLayout.nextPost': 'Next post',