Dark theme: Fix app management icons and other elements

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

apps/accessibility/css/themedark.scss

@@ -24,6 +24,13 @@ $color-border-dark: lighten($color-main-background, 14%);
 		filter: invert(100%);
 	}
 }
+#body-settings #content.app-settings .app-image-icon,
+#body-settings #content.app-settings #app-sidebar #app-details-view h2 {
+	svg {
+		filter: invert(100%);
+	}
+}
+
 .bubble,
 .app-navigation-entry-menu,
 .popovermenu {

apps/accessibility/package-lock.json

@@ -2761,7 +2761,8 @@
         "ansi-regex": {
           "version": "2.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "aproba": {
           "version": "1.2.0",
@@ -3176,7 +3177,8 @@
         "safe-buffer": {
           "version": "5.1.1",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "safer-buffer": {
           "version": "2.1.2",
@@ -3232,6 +3234,7 @@
           "version": "3.0.1",
           "bundled": true,
           "dev": true,
+          "optional": true,
           "requires": {
             "ansi-regex": "^2.0.0"
           }
@@ -3275,12 +3278,14 @@
         "wrappy": {
           "version": "1.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         },
         "yallist": {
           "version": "3.0.2",
           "bundled": true,
-          "dev": true
+          "dev": true,
+          "optional": true
         }
       }
     },

settings/css/settings.scss

@@ -739,23 +739,27 @@ span.usersLastLoginTooltip {
 	&.appwarning:hover {
 		background: #fbb;
 	}
-	.app-external, .app-version {
-		color: rgba(85, 85, 85, 0.5);
+	.app-external {
+		color: var(--color-text-maxcontrast);
 	}
 }
 
 span.version {
 	margin-left: 1em;
 	margin-right: 1em;
-	color: #555;
+	color: var(--color-text-maxcontrast);
+}
+
+.app-version {
+	color: var(--color-text-maxcontrast);
 }
 
 .app-level {
 	margin-top: 8px;
 	span {
-		color: #555;
+		color: var(--color-text-maxcontrast);
 		background-color: transparent;
-		border: 1px solid #555;
+		border: 1px solid var(--color-text-maxcontrast);
 		border-radius: var(--border-radius);
 		padding: 3px 6px;
 	}