Lists: move lists theming to a separate file.

Theme hadler dialog list, fix #251.
Implement initial list buttons theming.
All this require new color variables.

Author: rafaelmardojai

theme/gnome-theme.css

@@ -5,6 +5,7 @@
 @import "parts/tabsbar.css";
 @import "parts/findbar.css";
 @import "parts/sidebar.css";
+@import "parts/lists.css";
 
 @import "parts/buttons.css";
 @import "parts/entries.css";

theme/parts/buttons.css

@@ -42,7 +42,8 @@ button.close,
 .searchbar-engine-one-off-item,
 .permission-popup-permission-remove-button,
 #protections-popup-trackers-blocked-counter-box,
-.button.connect-device {
+.button.connect-device,
+#item-choose button {
 	-moz-appearance: none !important;
 	background: var(--gnome-button-background) !important;
 	box-shadow: var(--gnome-button-box-shadow) !important;
@@ -89,7 +90,8 @@ menulist,
 .dialog-button-box button,
 #appMenu-fxa-status2:not([fxastatus="signedin"]) #appMenu-fxa-label2,
 #protections-popup-trackers-blocked-counter-box,
-.button.connect-device {
+.button.connect-device,
+#item-choose button {
 	padding: 2px 16px !important;
 	text-align: center !important;
 }
@@ -152,7 +154,8 @@ menulist:hover .menulist-label-box,
 .searchbar-engine-one-off-item:hover,
 .permission-popup-permission-remove-button:hover,
 #protections-popup-trackers-blocked-counter-box:hover,
-.button.connect-device:hover {
+.button.connect-device:hover,
+#item-choose button:hover {
 	outline: 0 !important;
 	background: var(--gnome-button-hover-background) !important;
 }
@@ -191,7 +194,8 @@ menulist[open] .menulist-label-box,
 .dialog-button-box button:active,
 .permission-popup-permission-remove-button:active,
 #protections-popup-trackers-blocked-counter-box:active,
-.button.connect-device:active {
+.button.connect-device:active,
+#item-choose button:active {
 	background: var(--gnome-button-active-background) !important;
 	box-shadow: var(--gnome-button-active-box-shadow) !important;
 	border-color: var(--gnome-button-active-border-color) !important;
@@ -235,19 +239,27 @@ menulist[open] .menulist-label-box,
 .close-icon:not(.tab-close-button),
 button.close,
 #protections-popup-info-button,
-.permission-popup-permission-remove-button,
 #protections-popup-trackers-blocked-counter-box {
 	background: transparent !important;
 	box-shadow: none !important;
 	border-color: transparent !important;
 	border-radius: 5px !important;
 }
+/* List style */
+.permission-popup-permission-remove-button,
+#item-choose button {
+	background: transparent !important;
+	box-shadow: none !important;
+	border-color: var(--gnome-popover-separator-color) !important;
+	border-radius: 5px !important;
+}
 .subviewbutton-back:not(#hack):not(:active):hover,
 .close-icon:not(.tab-close-button):not(:active):hover,
 button.close:not(:active):hover,
 #protections-popup-info-button:hover,
 .permission-popup-permission-remove-button:not(:active):hover,
-#protections-popup-trackers-blocked-counter-box:not(:active):hover {
+#protections-popup-trackers-blocked-counter-box:not(:active):hover,
+#item-choose button:not(:active):hover {
 	box-shadow: var(--gnome-button-box-shadow) !important;
 	border-color: var(--gnome-button-border-color) !important;
 	border-bottom-color: var(--gnome-button-border-accent-color) !important;

theme/parts/dialogs.css

@@ -56,3 +56,11 @@ dialog {
 .dialog-button-box button[dlgtype="cancel"]:not(#hack) {
 	border-left: 0 !important;
 }
+
+/* Hadler dialog */
+#os-default-handler image {
+	display: none !important;	
+}
+#os-default-handler .name {
+	font-weight: normal !important;
+}

theme/parts/lists.css

@@ -0,0 +1,31 @@
+/* Lists */
+
+@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
+
+/* TODO: create list color vars */
+/* List container */
+#permission-popup-permission-list,
+richlistbox#items {
+    background: var(--gnome-menu-background) !important;
+	border: 1px solid var(--gnome-button-border-color) !important;
+	border-radius: 9px !important;
+	padding: 0 !important;
+}
+
+/* List item */
+.permission-popup-permission-list-anchor,
+richlistbox#items richlistitem {
+	padding: 6px !important;
+	margin: 0 !important;
+}
+.permission-popup-permission-list-anchor:not(:last-child),
+richlistbox#items richlistitem:not(:last-child) {
+	border-bottom: 1px solid var(--gnome-button-border-color);
+}
+
+/* Fix list buttons on selected state */
+@media (prefers-color-scheme: light) {
+	richlistbox#items richlistitem[selected=true] button:not(:hover) {
+		filter: invert() brightness(200%) !important;
+	}
+}

theme/parts/popups-contents.css

@@ -179,34 +179,16 @@
 	padding: 0 !important;
 }
 
-.permission-popup-permission-item, #permission-popup-storage-access-permission-list-header {
+.permission-popup-permission-item:first-child, #permission-popup-storage-access-permission-list-header {
     margin-top: 0 !important;
 }
-
-#permission-popup-permission-list {
-	background: var(--gnome-menu-background);
-	border: 1px solid var(--gnome-button-border-color);
-	border-radius: 9px;
-	padding: 0 !important;
-}
-
-.permission-popup-permission-list-anchor {
-	padding: 6px !important;
-	margin: 0 !important;
-}
-.permission-popup-permission-list-anchor:not(:last-child) {
-	border-bottom: 1px solid var(--gnome-button-border-color);
-}
-
 .permission-popup-permission-remove-button {
 	opacity: 1 !important;
 }
-
 .permission-popup-permission-state-label {
     display: none !important;
 }
 
-
 /* Protections popup */
 .protections-popup-section,
 #protections-popup-not-blocking-section-header {