Use css for darkmode

templates/actionbar/list.html

@@ -2,7 +2,7 @@
 {% set profile = request.profile if logged_in else None %}
 {% if logged_in %}
 {% if include_hr %}<hr>{% endif %}
-<div class="page-vote">
+<div class="page-vote actionbar">
     <span class="actionbar-block" style="justify-content: flex-start;">
         <span id="like-button-{{pagevote.id}}"
             class="like-button actionbar-button {% if pagevote.vote_score(request.profile) == 1 %}voted{% endif %}" 
@@ -41,7 +41,7 @@
     </span>
     {% if actionbar_report_url %}
         <span class="actionbar-block">
-            <a class="actionbar-button" href="{{actionbar_report_url}}" style="color: black">
+            <a class="actionbar-button black" href="{{actionbar_report_url}}">
                 <i class="fa fa-flag-o" style="font-size: large;"></i>
                 <span class="actionbar-text">{{_("Report")}}</span>
             </a>

templates/actionbar/media-css.html

@@ -1,48 +1,4 @@
 <style>
-    .actionbar-button {
-        cursor: pointer;
-        padding: 0.8em;
-        border: 0.2px solid lightgray;
-        border-radius: 5em;
-        font-weight: bold;
-        display: inherit;
-    }
-    .actionbar-block {
-        display: flex;
-        flex: 1;
-        justify-content: center;
-    }
-    .page-vote {
-        display: flex;
-    }
-    .pagevote-score {
-        margin-right: 0.3em;
-    }
-    .like-button {
-        padding-right: 0.5em;
-        border-radius: 5em 0 0 5em;
-    }
-    .actionbar-button:hover {
-        background: lightgray;
-    }
-    .dislike-button {
-        padding-left: 0.5em;
-        border-radius: 0 5em 5em 0;
-        border-left: 0;
-    }
-    .like-button.voted {
-        color: blue;
-    }
-    .dislike-button.voted {
-        color: red;
-    }
-    .actionbar-text {
-        padding-left: 0.4em;
-    }
-    .bookmarked {
-        color: rgb(180, 180, 7);
-    }
-
     @media (max-width: 799px) {
         .actionbar-text {
             display: none;