Theme improvements (#822)

* start converting

* small fixes

* reorganize theme files

* cleanup search bar

* increase spacing

* small tweaks

* fix select styles in Chrome

* cleanup menus

* improve button icons

* restore badges

* remove unused classes

* restore some overrides

* restore bookmark form

* add summary outline

* avoid layout shifts

* restore bookmark details

* increase border radius for modals

* improve details modal

* restore reader mode

* restore settings

* cleanup variables

* start with dark theme

* more dark theme...

* more light theme...

* more dark theme...

* add postcss build

* remove sass processor

* update docker build

* fix alt color

* remove endless symbol

* fix tests

* update assets

* remove sass files

* fix docker build

* cleanup spacing

* improve theme

* update test scripts

* update CI workflow

* fix test

bookmarks/tests/test_bookmark_new_view.py

@@ -115,9 +115,6 @@ class BookmarkNewViewTestCase(TestCase, BookmarkFactoryMixin):
                 </summary>
                 <label for="id_notes" class="text-assistive">Notes</label>
                 <textarea name="notes" cols="40" rows="8" class="form-input" id="id_notes">**Find** more info [here](http://example.com)</textarea>
-                <div class="form-input-hint">
-                Additional notes, supports Markdown.
-                </div>
             </details>
             """,
             html,

bookmarks/tests/test_bookmarks_list_template.py

@@ -44,7 +44,7 @@ class BookmarkListTemplateTest(TestCase, BookmarkFactoryMixin, HtmlTestMixin):
             f"""
         <a href="{url}"
            title="Show snapshot on the Internet Archive Wayback Machine" target="{link_target}" rel="noopener">
-            {label_content} ∞
+            {label_content}
         </a>
         <span>|</span>
         """,
@@ -203,7 +203,7 @@ class BookmarkListTemplateTest(TestCase, BookmarkFactoryMixin, HtmlTestMixin):
     def assertNotes(self, html: str, notes_html: str, count=1):
         self.assertInHTML(
             f"""
-        <div class="notes bg-gray text-gray-dark">
+        <div class="notes">
           <div class="markdown">
             {notes_html}
           </div>

bookmarks/tests/test_nav_menu.py

@@ -18,7 +18,7 @@ class NavMenuTestCase(TestCase, BookmarkFactoryMixin):
 
         self.assertInHTML(
             f"""
-            <a href="{reverse('bookmarks:shared')}" class="btn btn-link">Shared</a>
+            <a href="{reverse('bookmarks:shared')}" class="menu-link">Shared</a>
         """,
             html,
             count=0,
@@ -31,7 +31,7 @@ class NavMenuTestCase(TestCase, BookmarkFactoryMixin):
 
         self.assertInHTML(
             f"""
-            <a href="{reverse('bookmarks:shared')}" class="btn btn-link">Shared</a>
+            <a href="{reverse('bookmarks:shared')}" class="menu-link">Shared</a>
         """,
             html,
             count=2,