#563 - combined light and dark theme templates.css

src/main/resources/static/css/dark/templates.css

-.template-content-label {
-    font-weight: 600;
-}
-
-.template-header-name {
-    max-width: 50%;
-}
-
-.collapsible-header-button {
-    position: absolute;
-    right: 15px;
-    top: 8px;
-    font-weight: bold;
-}
-
-.template-selected {
-    background-color: #888888;
-}
\ No newline at end of file

src/main/resources/static/css/templates.css

@@ -14,5 +14,10 @@
 }
 
 .template-selected {
-    background-color: rgb(238, 238, 238);
+    background-color: #EEEEEE;
+}
+
+/* dark theme */
+[data-theme="dark"] .template-selected {
+    background-color: #888888;
 }

src/main/resources/templates/helpers/header.ftl

 <#macro style name>
     <#import "/spring.ftl" as s>
 
-    <#assign blacklist = ['categories', 'charts', 'collapsible', 'datepicker', 'globalDatepicker', 'hotkeys', 'login', 'search', 'settings']>
+    <#assign blacklist = ['categories', 'charts', 'collapsible', 'datepicker', 'globalDatepicker', 'hotkeys', 'login', 'search', 'settings', 'templates']>
 
     <#if helpers.getSettings().isUseDarkTheme() && !blacklist?seq_contains(name)>
         <link type="text/css" rel="stylesheet" href="<@s.url '${"/css/dark/" + name + ".css"}'/>"/>