Fixing icon styling in tree (#22490)

src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css

@@ -143,9 +143,6 @@
 .monaco-list .monaco-list-rows > .monaco-list-row .connection-profile-container > .icon.server-page,
 .hc-light .monaco-list .monaco-list-rows > .monaco-list-row .connection-profile-container > .icon.server-page {
 	background-image: url('default_server.svg');
-	background-position: center center;
-	background-repeat: no-repeat;
-	background-size: 16px 16px;
 }
 
 .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected .connection-profile-container > .icon.server-page,
@@ -267,3 +264,10 @@
 	height: 4px;
 	border-radius: 50%;
 }
+
+.monaco-tree .monaco-tree-rows > .monaco-tree-row .icon,
+.monaco-list .monaco-list-rows > .monaco-list-row .icon {
+	background-position: center center;
+	background-repeat: no-repeat;
+	background-size: 16px 16px;
+}

src/sql/workbench/services/objectExplorer/browser/iconRenderer.ts

@@ -16,8 +16,9 @@ class IconRenderer {
 		const iconPath: ThemedIconUri = this.toThemedIconUri(path);
 		const iconUid: string | undefined = this.getIconUid(iconPath);
 		if (iconUid && !this.iconRegistered.has(iconUid)) {
-			createCSSRule(`.icon#${iconUid}, .hc-light .icon#${iconUid}`, `background: ${asCSSUrl(iconPath.light || iconPath.dark)} center center no-repeat`);
+			createCSSRule(`.icon#${iconUid}, .hc-light .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.light || iconPath.dark)};`);
-			createCSSRule(`.vs-dark .icon#${iconUid}, .hc-black .icon#${iconUid}`, `background: ${asCSSUrl(iconPath.dark)} center center no-repeat`);
+			createCSSRule(`.vs-dark .icon#${iconUid}, .hc-black .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.dark)};`);
+			createCSSRule(`.monaco-list:focus .monaco-list-rows > .monaco-list-row.selected .icon#${iconUid}`, `background-image: ${asCSSUrl(iconPath.dark)};`);
 			this.iconRegistered.add(iconUid);
 		}
 		return iconUid;

src/sql/workbench/services/objectExplorer/browser/media/objectTypes/objecttypes.css

@@ -10,168 +10,168 @@
 .vs .codicon.table,
 .vs-dark .codicon.table,
 .hc-black .codicon.table {
-	background: url("Table.svg") center center no-repeat;
+	background-image: url("Table.svg");
 }
 
 .vs .icon.aggregatefunction,
 .hc-light .icon.aggregatefunction,
 .vs-dark .icon.aggregatefunction,
 .hc-black .icon.aggregatefunction {
-	background: url("AggregateFunction.svg") center center no-repeat;
+	background-image: url("AggregateFunction.svg");
 }
 
 .vs .icon.aggregatefunctionparameter_input,
 .hc-light .icon.aggregatefunctionparameter_input,
 .vs-dark .icon.aggregatefunctionparameter_input,
 .hc-black .icon.aggregatefunctionparameter_input {
-	background: url("AggregateFunctionParameter_Input.svg") center center no-repeat;
+	background-image: url("AggregateFunctionParameter_Input.svg");
 }
 
 .vs .icon.aggregatefunctionparameter_output,
 .hc-light .icon.aggregatefunctionparameter_output,
 .vs-dark .icon.aggregatefunctionparameter_output,
 .hc-black .icon.aggregatefunctionparameter_output {
-	background: url("AggregateFunctionParameter_Output.svg") center center no-repeat;
+	background-image: url("AggregateFunctionParameter_Output.svg");
 }
 
 .vs .icon.aggregatefunctionparameter_return,
 .hc-light .icon.aggregatefunctionparameter_return,
 .vs-dark .icon.aggregatefunctionparameter_return,
 .hc-black .icon.aggregatefunctionparameter_return {
-	background: url("AggregateFunctionParameter_Return.svg") center center no-repeat;
+	background-image: url("AggregateFunctionParameter_Return.svg");
 }
 
 .vs .icon.applicationrole,
 .hc-light .icon.applicationrole,
 .vs-dark .icon.applicationrole,
 .hc-black .icon.applicationrole {
-	background: url("ApplicationRole.svg") center center no-repeat;
+	background-image: url("ApplicationRole.svg");
 }
 
 .vs .icon.assembly,
 .hc-light .icon.assembly,
 .vs-dark .icon.assembly,
 .hc-black .icon.assembly {
-	background: url("Assembly.svg") center center no-repeat;
+	background-image: url("Assembly.svg");
 }
 
 .vs .icon.asymmetrickey,
 .hc-light .icon.asymmetrickey,
 .vs-dark .icon.asymmetrickey,
 .hc-black .icon.asymmetrickey {
-	background: url("AsymmetricKey.svg") center center no-repeat;
+	background-image: url("AsymmetricKey.svg");
 }
 
 .vs .icon.brokerpriority,
 .hc-light .icon.brokerpriority,
 .vs-dark .icon.brokerpriority,
 .hc-black .icon.brokerpriority {
-	background: url("BrokerPriority.svg") center center no-repeat;
+	background-image: url("BrokerPriority.svg");
 }
 
 .vs .icon.certificate,
 .hc-light .icon.certificate,
 .vs-dark .icon.certificate,
 .hc-black .icon.certificate {
-	background: url("Certificate.svg") center center no-repeat;
+	background-image: url("Certificate.svg");
 }
 
 .vs .icon.column,
 .hc-light .icon.column,
 .vs-dark .icon.column,
 .hc-black .icon.column {
-	background: url("Column.svg") center center no-repeat;
+	background-image: url("Column.svg");
 }
 
 .vs .icon.columnencryptionkey,
 .hc-light .icon.columnencryptionkey,
 .vs-dark .icon.columnencryptionkey,
 .hc-black .icon.columnencryptionkey {
-	background: url("ColumnEncryptionKey.svg") center center no-repeat;
+	background-image: url("ColumnEncryptionKey.svg");
 }
 
 .vs .icon.columnmasterkey,
 .hc-light .icon.columnmasterkey,
 .vs-dark .icon.columnmasterkey,
 .hc-black .icon.columnmasterkey {
-		background: url("ColumnMasterKey.svg") center center no-repeat;
+	background-image: url("ColumnMasterKey.svg");
 }
 
 .vs .icon.constraint,
 .hc-light .icon.constraint,
 .vs-dark .icon.constraint,
 .hc-black .icon.constraint {
-	background: url("Constraint.svg") center center no-repeat;
+	background-image: url("Constraint.svg");
 }
 
 .vs .icon.contract,
 .hc-light .icon.contract,
 .vs-dark .icon.contract,
 .hc-black .icon.contract {
-	background: url("Contract.svg") center center no-repeat;
+	background-image: url("Contract.svg");
 }
 
 .vs .icon.database,
 .hc-light .icon.database,
 .vs-dark .icon.database,
 .hc-black .icon.database {
-	background: url("Database.svg") center center no-repeat;
+	background-image: url("Database.svg");
 }
 
 .vs .icon.database_ledger,
 .hc-light .icon.database_ledger,
 .vs-dark .icon.database_ledger,
 .hc-black .icon.database_ledger {
-	background: url("Database_Ledger.svg") center center no-repeat;
+	background-image: url("Database_Ledger.svg");
 }
 
 .vs .icon.database_unavailable,
 .hc-light .icon.database_unavailable,
 .vs-dark .icon.database_unavailable,
 .hc-black .icon.database_unavailable {
-	background: url("Database_Unavailable.svg") center center no-repeat;
+	background-image: url("Database_Unavailable.svg");
 }
 
 .vs .icon.databaseandqueueeventnotification,
 .hc-light .icon.databaseandqueueeventnotification,
 .vs-dark .icon.databaseandqueueeventnotification,
 .hc-black .icon.databaseandqueueeventnotification {
-	background: url("DatabaseAndQueueEventNotification.svg") center center no-repeat;
+	background-image: url("DatabaseAndQueueEventNotification.svg");
 }
 
 .vs .icon.databaseauditspecification,
 .hc-light .icon.databaseauditspecification,
 .vs-dark .icon.databaseauditspecification,
 .hc-black .icon.databaseauditspecification {
-	background: url("DatabaseAuditSpecification.svg") center center no-repeat;
+	background-image: url("DatabaseAuditSpecification.svg");
 }
 
 .vs .icon.databaseencryptionkey,
 .hc-light .icon.databaseencryptionkey,
 .vs-dark .icon.databaseencryptionkey,
 .hc-black .icon.databaseencryptionkey {
-	background: url("DatabaseEncryptionKey.svg") center center no-repeat;
+	background-image: url("DatabaseEncryptionKey.svg");
 }
 
 .vs .icon.databaserole,
 .hc-light .icon.databaserole,
 .vs-dark .icon.databaserole,
 .hc-black .icon.databaserole {
-	background: url("DatabaseRole.svg") center center no-repeat;
+	background-image: url("DatabaseRole.svg");
 }
 
 .vs .icon.databasescopedcredential,
 .hc-light .icon.databasescopedcredential,
 .vs-dark .icon.databasescopedcredential,
 .hc-black .icon.databasescopedcredential {
-	background: url("DatabaseScopedCredential.svg") center center no-repeat;
+	background-image: url("DatabaseScopedCredential.svg");
 }
 
 .vs .icon.databasetrigger,
 .hc-light .icon.databasetrigger,
 .vs-dark .icon.databasetrigger,
 .hc-black .icon.databasetrigger {
-	background: url("DatabaseTrigger.svg") center center no-repeat;
+	background-image: url("DatabaseTrigger.svg");
 }
 
 .vs .icon.defaulticon,
@@ -186,77 +186,77 @@
 .hc-light .icon.historytable,
 .vs-dark .icon.historytable,
 .hc-black .icon.historytable {
-	background: url("DefaultIcon.svg") center center no-repeat;
+	background-image: url("DefaultIcon.svg");
 }
 
 .vs .icon.externaldatasource,
 .hc-light .icon.externaldatasource,
 .vs-dark .icon.externaldatasource,
 .hc-black .icon.externaldatasource {
-	background: url("ExternalDataSource.svg") center center no-repeat;
+	background-image: url("ExternalDataSource.svg");
 }
 
 .vs .icon.externalfileformat,
 .hc-light .icon.externalfileformat,
 .vs-dark .icon.externalfileformat,
 .hc-black .icon.externalfileformat {
-	background: url("ExternalFileFormat.svg") center center no-repeat;
+	background-image: url("ExternalFileFormat.svg");
 }
 
 .vs .icon.filegroupfile,
 .hc-light .icon.filegroupfile,
 .vs-dark .icon.filegroupfile,
 .hc-black .icon.filegroupfile {
-	background: url("FileGroupFile.svg") center center no-repeat;
+	background-image: url("FileGroupFile.svg");
 }
 
 .vs .icon.filegroupfile_mounted,
 .hc-light .icon.filegroupfile_mounted,
 .vs-dark .icon.filegroupfile_mounted,
 .hc-black .icon.filegroupfile_mounted {
-	background: url("FileGroupFile_mounted.svg") center center no-repeat;
+	background-image: url("FileGroupFile_mounted.svg");
 }
 
 .vs .icon.folder,
 .hc-light .icon.folder,
 .vs-dark .icon.folder,
 .hc-black .icon.folder {
-	background: url("Folder.svg") center center no-repeat;
+	background-image: url("Folder.svg");
 }
 
 .vs .icon.folder_mounted,
 .hc-light .icon.folder_mounted,
 .vs-dark .icon.folder_mounted,
 .hc-black .icon.folder_mounted {
-	background: url("Folder_mounted.svg") center center no-repeat;
+	background-image: url("Folder_mounted.svg");
 }
 
 .vs .icon.fulltextcatalog,
 .hc-light .icon.fulltextcatalog,
 .vs-dark .icon.fulltextcatalog,
 .hc-black .icon.fulltextcatalog {
-	background: url("FullTextCatalog.svg") center center no-repeat;
+	background-image: url("FullTextCatalog.svg");
 }
 
 .vs .icon.fulltextstoplist,
 .hc-light .icon.fulltextstoplist,
 .vs-dark .icon.fulltextstoplist,
 .hc-black .icon.fulltextstoplist {
-	background: url("FullTextStopList.svg") center center no-repeat;
+	background-image: url("FullTextStopList.svg");
 }
 
 .vs .icon.index,
 .hc-light .icon.index,
 .vs-dark .icon.index,
 .hc-black .icon.index {
-	background: url("Index.svg") center center no-repeat;
+	background-image: url("Index.svg");
 }
 
 .vs .icon.key_foreignkey,
 .hc-light .icon.key_foreignkey,
 .vs-dark .icon.key_foreignkey,
 .hc-black .icon.key_foreignkey {
-	background: url("Key_ForeignKey.svg") center center no-repeat;
+	background-image: url("Key_ForeignKey.svg");
 }
 
 .vs .icon.key_primarykey,
@@ -267,7 +267,7 @@
 .hc-light .icon.index_primarykey,
 .vs-dark .icon.index_primarykey,
 .hc-black .icon.index_primarykey {
-	background: url("Key_PrimaryKey.svg") center center no-repeat;
+	background-image: url("Key_PrimaryKey.svg");
 }
 
 .vs .icon.key_uniquekey,
@@ -278,371 +278,371 @@
 .hc-light .icon.index_uniquekey,
 .vs-dark .icon.index_uniquekey,
 .hc-black .icon.index_uniquekey {
-	background: url("Key_UniqueKey.svg") center center no-repeat;
+	background-image: url("Key_UniqueKey.svg");
 }
 
 .vs .icon.masterkey,
 .hc-light .icon.masterkey,
 .vs-dark .icon.masterkey,
 .hc-black .icon.masterkey {
-		background: url("MasterKey.svg") center center no-repeat;
+	background-image: url("MasterKey.svg");
 }
 
 .vs .icon.messagetype,
 .hc-light .icon.messagetype,
 .vs-dark .icon.messagetype,
 .hc-black .icon.messagetype {
-	background: url("MessageType.svg") center center no-repeat;
+	background-image: url("MessageType.svg");
 }
 
 .vs .icon.objecttypes.css,
 .hc-light .icon.objecttypes.css,
 .vs-dark .icon.objecttypes.css,
 .hc-black .icon.objecttypes.css {
-	background: url("objecttypes.css") center center no-repeat;
+	background-image: url("objecttypes.css");
 }
 
 .vs .icon.partitionfunction,
 .hc-light .icon.partitionfunction,
 .vs-dark .icon.partitionfunction,
 .hc-black .icon.partitionfunction {
-	background: url("PartitionFunction.svg") center center no-repeat;
+	background-image: url("PartitionFunction.svg");
 }
 
 .vs .icon.partitionscheme,
 .hc-light .icon.partitionscheme,
 .vs-dark .icon.partitionscheme,
 .hc-black .icon.partitionscheme {
-	background: url("PartitionScheme.svg") center center no-repeat;
+	background-image: url("PartitionScheme.svg");
 }
 
 .vs .icon.queue,
 .hc-light .icon.queue,
 .vs-dark .icon.queue,
 .hc-black .icon.queue {
-	background: url("Queue.svg") center center no-repeat;
+	background-image: url("Queue.svg");
 }
 
 .vs .icon.remoteservicebinding,
 .hc-light .icon.remoteservicebinding,
 .vs-dark .icon.remoteservicebinding,
 .hc-black .icon.remoteservicebinding {
-	background: url("RemoteServiceBinding.svg") center center no-repeat;
+	background-image: url("RemoteServiceBinding.svg");
 }
 
 .vs .icon.route,
 .hc-light .icon.route,
 .vs-dark .icon.route,
 .hc-black .icon.route {
-	background: url("Route.svg") center center no-repeat;
+	background-image: url("Route.svg");
 }
 
 .vs .icon.scalarvaluedfunction,
 .hc-light .icon.scalarvaluedfunction,
 .vs-dark .icon.scalarvaluedfunction,
 .hc-black .icon.scalarvaluedfunction {
-	background: url("ScalarValuedFunction.svg") center center no-repeat;
+	background-image: url("ScalarValuedFunction.svg");
 }
 
 .vs .icon.scalarvaluedfunctionparameter_input,
 .hc-light .icon.scalarvaluedfunctionparameter_input,
 .vs-dark .icon.scalarvaluedfunctionparameter_input,
 .hc-black .icon.scalarvaluedfunctionparameter_input {
-	background: url("ScalarValuedFunctionParameter_Input.svg") center center no-repeat;
+	background-image: url("ScalarValuedFunctionParameter_Input.svg");
 }
 
 .vs .icon.scalarvaluedfunctionparameter_output,
 .hc-light .icon.scalarvaluedfunctionparameter_output,
 .vs-dark .icon.scalarvaluedfunctionparameter_output,
 .hc-black .icon.scalarvaluedfunctionparameter_output {
-	background: url("ScalarValuedFunctionParameter_Output.svg") center center no-repeat;
+	background-image: url("ScalarValuedFunctionParameter_Output.svg");
 }
 
 .vs .icon.scalarvaluedfunctionparameter_return,
 .hc-light .icon.scalarvaluedfunctionparameter_return,
 .vs-dark .icon.scalarvaluedfunctionparameter_return,
 .hc-black .icon.scalarvaluedfunctionparameter_return {
-	background: url("ScalarValuedFunctionParameter_Return.svg") center center no-repeat;
+	background-image: url("ScalarValuedFunctionParameter_Return.svg");
 }
 
 .vs .icon.schema,
 .hc-light .icon.schema,
 .vs-dark .icon.schema,
 .hc-black .icon.schema {
-	background: url("Schema.svg") center center no-repeat;
+	background-image: url("Schema.svg");
 }
 
 .vs .icon.searchpropertylist,
 .hc-light .icon.searchpropertylist,
 .vs-dark .icon.searchpropertylist,
 .hc-black .icon.searchpropertylist {
-	background: url("SearchPropertyList.svg") center center no-repeat;
+	background-image: url("SearchPropertyList.svg");
 }
 
 .vs .icon.securitypolicy,
 .hc-light .icon.securitypolicy,
 .vs-dark .icon.securitypolicy,
 .hc-black .icon.securitypolicy {
-	background: url("SecurityPolicy.svg") center center no-repeat;
+	background-image: url("SecurityPolicy.svg");
 }
 
 .vs .icon.sequence,
 .hc-light .icon.sequence,
 .vs-dark .icon.sequence,
 .hc-black .icon.sequence {
-	background: url("Sequence.svg") center center no-repeat;
+	background-image: url("Sequence.svg");
 }
 
 .vs .icon.server,
 .hc-light .icon.server,
 .vs-dark .icon.server,
 .hc-black .icon.server {
-	background: url("Server.svg") center center no-repeat;
+	background-image: url("Server.svg");
 }
 
 .vs .icon.serverlevelcredential,
 .hc-light .icon.serverlevelcredential,
 .vs-dark .icon.serverlevelcredential,
 .hc-black .icon.serverlevelcredential {
-	background: url("ServerLevelCredential.svg") center center no-repeat;
+	background-image: url("ServerLevelCredential.svg");
 }
 
 .vs .icon.serverlevelcryptographicprovider,
 .hc-light .icon.serverlevelcryptographicprovider,
 .vs-dark .icon.serverlevelcryptographicprovider,
 .hc-black .icon.serverlevelcryptographicprovider {
-	background: url("ServerLevelCryptographicProvider.svg") center center no-repeat;
+	background-image: url("ServerLevelCryptographicProvider.svg");
 }
 
 .vs .icon.serverlevelendpoint,
 .hc-light .icon.serverlevelendpoint,
 .vs-dark .icon.serverlevelendpoint,
 .hc-black .icon.serverlevelendpoint {
-	background: url("ServerLevelEndpoint.svg") center center no-repeat;
+	background-image: url("ServerLevelEndpoint.svg");
 }
 
 .vs .icon.serverlevellinkedserver,
 .hc-light .icon.serverlevellinkedserver,
 .vs-dark .icon.serverlevellinkedserver,
 .hc-black .icon.serverlevellinkedserver {
-	background: url("ServerLevelLinkedServer.svg") center center no-repeat;
+	background-image: url("ServerLevelLinkedServer.svg");
 }
 
 .vs .icon.serverlevellinkedserverlogin,
 .hc-light .icon.serverlevellinkedserverlogin,
 .vs-dark .icon.serverlevellinkedserverlogin,
 .hc-black .icon.serverlevellinkedserverlogin {
-	background: url("ServerLevelLinkedServerLogin.svg") center center no-repeat;
+	background-image: url("ServerLevelLinkedServerLogin.svg");
 }
 
 .vs .icon.serverlevellinkedserverlogin_disabled,
 .hc-light .icon.serverlevellinkedserverlogin_disabled,
 .vs-dark .icon.serverlevellinkedserverlogin_disabled,
 .hc-black .icon.serverlevellinkedserverlogin_disabled {
-	background: url("ServerLevelLinkedServerLogin_Disabled.svg") center center no-repeat;
+	background-image: url("ServerLevelLinkedServerLogin_Disabled.svg");
 }
 
 .vs .icon.serverlevellogin,
 .hc-light .icon.serverlevellogin,
 .vs-dark .icon.serverlevellogin,
 .hc-black .icon.serverlevellogin {
-	background: url("ServerLevelLogin.svg") center center no-repeat;
+	background-image: url("ServerLevelLogin.svg");
 }
 
 .vs .icon.serverlevellogin_disabled,
 .hc-light .icon.serverlevellogin_disabled,
 .vs-dark .icon.serverlevellogin_disabled,
 .hc-black .icon.serverlevellogin_disabled {
-	background: url("ServerLevelLogin_Disabled.svg") center center no-repeat;
+	background-image: url("ServerLevelLogin_Disabled.svg");
 }
 
 .vs .icon.serverlevelserveraudit,
 .hc-light .icon.serverlevelserveraudit,
 .vs-dark .icon.serverlevelserveraudit,
 .hc-black .icon.serverlevelserveraudit {
-	background: url("ServerLevelServerAudit.svg") center center no-repeat;
+	background-image: url("ServerLevelServerAudit.svg");
 }
 
 .vs .icon.serverlevelserverauditspecification,
 .hc-light .icon.serverlevelserverauditspecification,
 .vs-dark .icon.serverlevelserverauditspecification,
 .hc-black .icon.serverlevelserverauditspecification {
-	background: url("ServerLevelServerAuditSpecification.svg") center center no-repeat;
+	background-image: url("ServerLevelServerAuditSpecification.svg");
 }
 
 .vs .icon.serverlevelserverrole,
 .hc-light .icon.serverlevelserverrole,
 .vs-dark .icon.serverlevelserverrole,
 .hc-black .icon.serverlevelserverrole {
-	background: url("ServerLevelServerRole.svg") center center no-repeat;
+	background-image: url("ServerLevelServerRole.svg");
 }
 
 .vs .icon.serverlevelservertrigger,
 .hc-light .icon.serverlevelservertrigger,
 .vs-dark .icon.serverlevelservertrigger,
 .hc-black .icon.serverlevelservertrigger {
-	background: url("ServerLevelServerTrigger.svg") center center no-repeat;
+	background-image: url("ServerLevelServerTrigger.svg");
 }
 
 .vs .icon.serverlevelservertrigger_disabled,
 .hc-light .icon.serverlevelservertrigger_disabled,
 .vs-dark .icon.serverlevelservertrigger_disabled,
 .hc-black .icon.serverlevelservertrigger_disabled {
-	background: url("ServerLevelServerTrigger_Disabled.svg") center center no-repeat;
+	background-image: url("ServerLevelServerTrigger_Disabled.svg");
 }
 
 .vs .icon.service,
 .hc-light .icon.service,
 .vs-dark .icon.service,
 .hc-black .icon.service {
-	background: url("Service.svg") center center no-repeat;
+	background-image: url("Service.svg");
 }
 
 .vs .icon.sqllogfile,
 .hc-light .icon.sqllogfile,
 .vs-dark .icon.sqllogfile,
 .hc-black .icon.sqllogfile {
-	background: url("SqlLogFile.svg") center center no-repeat;
+	background-image: url("SqlLogFile.svg");
 }
 
 .vs .icon.statistic,
 .hc-light .icon.statistic,
 .vs-dark .icon.statistic,
 .hc-black .icon.statistic {
-	background: url("Statistic.svg") center center no-repeat;
+	background-image: url("Statistic.svg");
 }
 
 .vs .icon.storedprocedure,
 .hc-light .icon.storedprocedure,
 .vs-dark .icon.storedprocedure,
 .hc-black .icon.storedprocedure {
-	background: url("StoredProcedure.svg") center center no-repeat;
+	background-image: url("StoredProcedure.svg");
 }
 
 .vs .icon.storedprocedureparameter_input,
 .hc-light .icon.storedprocedureparameter_input,
 .vs-dark .icon.storedprocedureparameter_input,
 .hc-black .icon.storedprocedureparameter_input {
-	background: url("StoredProcedureParameter_Input.svg") center center no-repeat;
+	background-image: url("StoredProcedureParameter_Input.svg");
 }
 
 .vs .icon.storedprocedureparameter_output,
 .hc-light .icon.storedprocedureparameter_output,
 .vs-dark .icon.storedprocedureparameter_output,
 .hc-black .icon.storedprocedureparameter_output {
-	background: url("StoredProcedureParameter_Output.svg") center center no-repeat;
+	background-image: url("StoredProcedureParameter_Output.svg");
 }
 
 .vs .icon.storedprocedureparameter_return,
 .hc-light .icon.storedprocedureparameter_return,
 .vs-dark .icon.storedprocedureparameter_return,
 .hc-black .icon.storedprocedureparameter_return {
-	background: url("StoredProcedureParameter_Return.svg") center center no-repeat;
+	background-image: url("StoredProcedureParameter_Return.svg");
 }
 
 .vs .icon.symmetrickey,
 .hc-light .icon.symmetrickey,
 .vs-dark .icon.symmetrickey,
 .hc-black .icon.symmetrickey {
-	background: url("SymmetricKey.svg") center center no-repeat;
+	background-image: url("SymmetricKey.svg");
 }
 
 .vs .icon.synonym,
 .hc-light .icon.synonym,
 .vs-dark .icon.synonym,
 .hc-black .icon.synonym {
-	background: url("Synonym.svg") center center no-repeat;
+	background-image: url("Synonym.svg");
 }
 
 .vs .icon.systemapproximatenumeric,
 .hc-light .icon.systemapproximatenumeric,
 .vs-dark .icon.systemapproximatenumeric,
 .hc-black .icon.systemapproximatenumeric {
-	background: url("SystemApproximateNumeric.svg") center center no-repeat;
+	background-image: url("SystemApproximateNumeric.svg");
 }
 
 .vs .icon.systembinarystring,
 .hc-light .icon.systembinarystring,
 .vs-dark .icon.systembinarystring,
 .hc-black .icon.systembinarystring {
-	background: url("SystemBinaryString.svg") center center no-repeat;
+	background-image: url("SystemBinaryString.svg");
 }
 
 .vs .icon.systemcharacterstring,
 .hc-light .icon.systemcharacterstring,
 .vs-dark .icon.systemcharacterstring,
 .hc-black .icon.systemcharacterstring {
-	background: url("SystemCharacterString.svg") center center no-repeat;
+	background-image: url("SystemCharacterString.svg");
 }
 
 .vs .icon.systemclrdatatype,
 .hc-light .icon.systemclrdatatype,
 .vs-dark .icon.systemclrdatatype,
 .hc-black .icon.systemclrdatatype {
-	background: url("SystemClrDataType.svg") center center no-repeat;
+	background-image: url("SystemClrDataType.svg");
 }
 
 .vs .icon.systemcontract,
 .hc-light .icon.systemcontract,
 .vs-dark .icon.systemcontract,
 .hc-black .icon.systemcontract {
-	background: url("SystemContract.svg") center center no-repeat;
+	background-image: url("SystemContract.svg");
 }
 
 .vs .icon.systemdateandtime,
 .hc-light .icon.systemdateandtime,
 .vs-dark .icon.systemdateandtime,
 .hc-black .icon.systemdateandtime {
-	background: url("SystemDateAndTime.svg") center center no-repeat;
+	background-image: url("SystemDateAndTime.svg");
 }
 
 .vs .icon.systemexactnumeric,
 .hc-light .icon.systemexactnumeric,
 .vs-dark .icon.systemexactnumeric,
 .hc-black .icon.systemexactnumeric {
-	background: url("SystemExactNumeric.svg") center center no-repeat;
+	background-image: url("SystemExactNumeric.svg");
 }
 
 .vs .icon.systemmessagetype,
 .hc-light .icon.systemmessagetype,
 .vs-dark .icon.systemmessagetype,
 .hc-black .icon.systemmessagetype {
-	background: url("SystemMessageType.svg") center center no-repeat;
+	background-image: url("SystemMessageType.svg");
 }
 
 .vs .icon.systemotherdatatype,
 .hc-light .icon.systemotherdatatype,
 .vs-dark .icon.systemotherdatatype,
 .hc-black .icon.systemotherdatatype {
-	background: url("SystemOtherDataType.svg") center center no-repeat;
+	background-image: url("SystemOtherDataType.svg");
 }
 
 .vs .icon.systemqueue,
 .hc-light .icon.systemqueue,
 .vs-dark .icon.systemqueue,
 .hc-black .icon.systemqueue {
-	background: url("SystemQueue.svg") center center no-repeat;
+	background-image: url("SystemQueue.svg");
 }
 
 .vs .icon.systemservice,
 .hc-light .icon.systemservice,
 .vs-dark .icon.systemservice,
 .hc-black .icon.systemservice {
-	background: url("SystemService.svg") center center no-repeat;
+	background-image: url("SystemService.svg");
 }
 
 .vs .icon.systemspatialdatatype,
 .hc-light .icon.systemspatialdatatype,
 .vs-dark .icon.systemspatialdatatype,
 .hc-black .icon.systemspatialdatatype {
-	background: url("SystemSpatialDataType.svg") center center no-repeat;
+	background-image: url("SystemSpatialDataType.svg");
 }
 
 .vs .icon.systemunicodecharacterstring,
 .hc-light .icon.systemunicodecharacterstring,
 .vs-dark .icon.systemunicodecharacterstring,
 .hc-black .icon.systemunicodecharacterstring {
-	background: url("SystemUnicodeCharacterString.svg") center center no-repeat;
+	background-image: url("SystemUnicodeCharacterString.svg");
 }
 
 .vs .icon.function,
@@ -653,28 +653,28 @@
 .hc-light .icon.tablevaluedfunction,
 .vs-dark .icon.tablevaluedfunction,
 .hc-black .icon.tablevaluedfunction {
-	background: url("TableValuedFunction.svg") center center no-repeat;
+	background-image: url("TableValuedFunction.svg");
 }
 
 .vs .icon.tablevaluedfunctionparameter_input,
 .hc-light .icon.tablevaluedfunctionparameter_input,
 .vs-dark .icon.tablevaluedfunctionparameter_input,
 .hc-black .icon.tablevaluedfunctionparameter_input {
-	background: url("TableValuedFunctionParameter_Input.svg") center center no-repeat;
+	background-image: url("TableValuedFunctionParameter_Input.svg");
 }
 
 .vs .icon.tablevaluedfunctionparameter_output,
 .hc-light .icon.tablevaluedfunctionparameter_output,
 .vs-dark .icon.tablevaluedfunctionparameter_output,
 .hc-black .icon.tablevaluedfunctionparameter_output {
-	background: url("TableValuedFunctionParameter_Output.svg") center center no-repeat;
+	background-image: url("TableValuedFunctionParameter_Output.svg");
 }
 
 .vs .icon.tablevaluedfunctionparameter_return,
 .hc-light .icon.tablevaluedfunctionparameter_return,
 .vs-dark .icon.tablevaluedfunctionparameter_return,
 .hc-black .icon.tablevaluedfunctionparameter_return {
-	background: url("TableValuedFunctionParameter_Return.svg") center center no-repeat;
+	background-image: url("TableValuedFunctionParameter_Return.svg");
 }
 
 .vs .icon.table_ledgerappendonly,
@@ -689,117 +689,117 @@
 .hc-light .icon.table_ledgerdropped,
 .vs-dark .icon.table_ledgerdropped,
 .hc-black .icon.table_ledgerdropped {
-	background: url("Table_Ledger.svg") center center no-repeat;
+	background-image: url("Table_Ledger.svg");
 }
 
 .vs .icon.table_temporal,
 .hc-light .icon.table_temporal,
 .vs-dark .icon.table_temporal,
 .hc-black .icon.table_temporal {
-	background: url("Table_Temporal.svg") center center no-repeat;
+	background-image: url("Table_Temporal.svg");
 }
 
 .vs .icon.table_graphnode,
 .hc-light .icon.table_graphnode,
 .vs-dark .icon.table_graphnode,
 .hc-black .icon.table_graphnode {
-	background: url("Table_GraphNode.svg") center center no-repeat;
+	background-image: url("Table_GraphNode.svg");
 }
 
 .vs .icon.table_graphedge,
 .hc-light .icon.table_graphedge,
 .vs-dark .icon.table_graphedge,
 .hc-black .icon.table_graphedge {
-	background: url("Table_GraphEdge.svg") center center no-repeat;
+	background-image: url("Table_GraphEdge.svg");
 }
 
 .vs .icon.historytable_ledgerhistory,
 .hc-light .icon.historytable_ledgerhistory,
 .vs-dark .icon.historytable_ledgerhistory,
 .hc-black .icon.historytable_ledgerhistory {
-	background: url("Table_LedgerHistory.svg") center center no-repeat;
+	background-image: url("Table_LedgerHistory.svg");
 }
 
 .vs .icon.trigger,
 .hc-light .icon.trigger,
 .vs-dark .icon.trigger,
 .hc-black .icon.trigger {
-	background: url("Trigger.svg") center center no-repeat;
+	background-image: url("Trigger.svg");
 }
 
 .vs .icon.trigger_disabled,
 .hc-light .icon.trigger_disabled,
 .vs-dark .icon.trigger_disabled,
 .hc-black .icon.trigger_disabled {
-	background: url("Trigger_Disabled.svg") center center no-repeat;
+	background-image: url("Trigger_Disabled.svg");
 }
 
 .vs .icon.user,
 .hc-light .icon.user,
 .vs-dark .icon.user,
 .hc-black .icon.user {
-	background: url("User.svg") center center no-repeat;
+	background-image: url("User.svg");
 }
 
 .vs .icon.user_disabled,
 .hc-light .icon.user_disabled,
 .vs-dark .icon.user_disabled,
 .hc-black .icon.user_disabled {
-	background: url("User_Disabled.svg") center center no-repeat;
+	background-image: url("User_Disabled.svg");
 }
 
 .vs .icon.userdefineddatatype,
 .hc-light .icon.userdefineddatatype,
 .vs-dark .icon.userdefineddatatype,
 .hc-black .icon.userdefineddatatype {
-	background: url("UserDefinedDataType.svg") center center no-repeat;
+	background-image: url("UserDefinedDataType.svg");
 }
 
 .vs .icon.userdefinedtabletype,
 .hc-light .icon.userdefinedtabletype,
 .vs-dark .icon.userdefinedtabletype,
 .hc-black .icon.userdefinedtabletype {
-	background: url("UserDefinedTableType.svg") center center no-repeat;
+	background-image: url("UserDefinedTableType.svg");
 }
 
 .vs .icon.userdefinedtabletypecolumn,
 .hc-light .icon.userdefinedtabletypecolumn,
 .vs-dark .icon.userdefinedtabletypecolumn,
 .hc-black .icon.userdefinedtabletypecolumn {
-	background: url("UserDefinedTableTypeColumn.svg") center center no-repeat;
+	background-image: url("UserDefinedTableTypeColumn.svg");
 }
 
 .vs .icon.userdefinedtabletypeconstraint,
 .hc-light .icon.userdefinedtabletypeconstraint,
 .vs-dark .icon.userdefinedtabletypeconstraint,
 .hc-black .icon.userdefinedtabletypeconstraint {
-	background: url("UserDefinedTableTypeConstraint.svg") center center no-repeat;
+	background-image: url("UserDefinedTableTypeConstraint.svg");
 }
 
 .vs .icon.userdefinedtype,
 .hc-light .icon.userdefinedtype,
 .vs-dark .icon.userdefinedtype,
 .hc-black .icon.userdefinedtype {
-	background: url("UserDefinedType.svg") center center no-repeat;
+	background-image: url("UserDefinedType.svg");
 }
 
 .vs .icon.view,
 .hc-light .icon.view,
 .vs-dark .icon.view,
 .hc-black .icon.view {
-	background: url("View.svg") center center no-repeat;
+	background-image: url("View.svg");
 }
 
 .vs .icon.view_ledger,
 .hc-light .icon.view_ledger,
 .vs-dark .icon.view_ledger,
 .hc-black .icon.view_ledger {
-	background: url("View_Ledger.svg") center center no-repeat;
+	background-image: url("View_Ledger.svg");
 }
 
 .vs .icon.xmlschemacollection,
 .hc-light .icon.xmlschemacollection,
 .vs-dark .icon.xmlschemacollection,
 .hc-black .icon.xmlschemacollection {
-	background: url("XmlSchemaCollection.svg") center center no-repeat;
+	background-image: url("XmlSchemaCollection.svg");
 }