render bang freq gold

app/components/app-link.imba

@@ -8,6 +8,8 @@ tag app-link
 		>
 			css d:flex fld:row jc:space-between ai:center
 				px:16px py:11px rd:5px cursor:pointer c:blue3
+			if link.is_bang
+				css c:#FAD4AB
 
 			<.link-left>
 				css d:flex fl:1
@@ -15,7 +17,7 @@ tag app-link
 				<img.link-icon src=link.icon>
 					css w:20px h:20px mr:10px rd:3px
 
-				<.display-name [c:#FAD4AB]=link.is_bang> link.display_name
+				<.display-name> link.display_name
 					css tt:capitalize fs:20px overflow-wrap:anywhere
 
 				if link.display_name isnt link.name and config.data.enable_effective_names

app/components/app-settings.imba

@@ -88,8 +88,9 @@ tag app-settings
 				d:flex fld:column jc:center ai:center fl:1
 				bg:none c:purple4 bd:none cursor:pointer fs:14px
 				bg:purple4/10 rd:5px
+				transition:background 100ms
 				h:100%
-				@hover bg:blue
+				@hover bg:purple4/20
 
 			if refs.community-links.active
 				<app-community-links>
@@ -109,7 +110,7 @@ tag app-settings
 					<label.settings-button>
 						"IMPORT"
 						<input[d:none]
-							disabled=loading
+							disabled=state.loading
 							@change=handle_click_import
 							@click=(this.value = '')
 							type="file"