azuredatastudio/src/sql/media/icons/common-icons.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.vs .codicon.settings {
	background-image: url("settings.svg");
}

.vs-dark .codicon.settings,
.hc-black .codicon.settings {
	background-image: url("settings_inverse.svg");
}

.vs .codicon.backup,
.vs-dark .codicon.backup,
.hc-black .codicon.backup {
	background: url("backup.svg") center center no-repeat;
}

.vs .codicon.restore,
.vs-dark .codicon.restore,
.hc-black .codicon.restore {
	background: url("restore.svg") center center no-repeat;
}

.vs .codicon.database {
	background: url("database.svg") center center no-repeat;
}

.vs-dark .codicon.database,
.hc-black .codicon.database {
	background: url("database_inverse.svg") center center no-repeat;
}

.vs .codicon.error,
.vs-dark .codicon.error,
.hc-black .codicon.error {
	background: url("globalerror_red.svg") center center no-repeat;
}

.vs .codicon.file {
	background: url("file.svg") center center no-repeat;
}

.vs-dark .codicon.file,
.hc-black .codicon.file {
	background: url("file_inverse.svg") center center no-repeat;
}

.vs .codicon.new-database {
	background: url("new_database.svg") center center no-repeat;
}

.vs-dark .codicon.new-database,
.hc-black .codicon.new-database {
	background: url("new_database_inverse.svg") center center no-repeat;
}

.vs .codicon.server-page {
	background: url("server_page.svg") center center no-repeat;
}

.vs-dark .codicon.server-page,
.hc-black .codicon.server-page {
	background: url("server_page_inverse.svg") center center no-repeat;
}

.vs .codicon.globalError,
.vs-dark .codicon.globalError,
.hc-black .codicon.globalError {
	background: url("globalerror.svg") center center no-repeat;
}

.vs .sql.codicon.error,
.vs-dark .sql.codicon.error,
.hc-black .sql.codicon.error {
	content: url("status_error.svg");
}

.vs .sql.codicon.warning,
.vs-dark .sql.codicon.warning,
.hc-black .sql.codicon.warning {
	content: url("status_warning.svg");
}

.vs .sql.codicon.info,
.vs-dark .sql.codicon.info,
.hc-black .sql.codicon.info {
	content: url("status_info.svg");
}

.vs .codicon.help {
	content: url("help.svg");
}

.vs-dark .codicon.help,
.hc-black .codicon.help {
	content: url("help_inverse.svg");
}

.vs .codicon.success,
.vs-dark .codicon.success,
.hc-black .codicon.success {
	content: url("status_success.svg");
}

.vs .codicon.canceled,
.vs-dark .codicon.canceled,
.hc-black .codicon.canceled {
	content: url("status_cancelled.svg");
}

.vs .codicon.in-progress {
	content: url("loading.svg");
}

.vs-dark .codicon.in-progress,
.hc-black .codicon.in-progress {
	content: url("loading_inverse.svg");
}

.vs .codicon.scriptToClipboard,
.vs-dark .codicon.scriptToClipboard,
.hc-black .codicon.scriptToClipboard {
	background-image: url("script_to_clipboard.svg");
	background-repeat: no-repeat;
	background-position: 2px center;
}

.vs .codicon:not(.masked-icon).close,
.vs .codicon:not(.masked-icon).remove {
	background: url('close.svg') center center no-repeat !important;
}

.vs-dark .codicon:not(.masked-icon).close,
.hc-black .codicon:not(.masked-icon).close,
.vs-dark .codicon.remove,
.hc-black .codicon.remove {
	background: url("close_inverse.svg") center center no-repeat !important;
}

.vs .codicon.filter {
	background: url("filter.svg") center center no-repeat !important;
}

.vs-dark .codicon.filter,
.hc-black .codicon.filter {
	background: url("filter_inverse.svg") center center no-repeat !important;
}

.vs .codicon.filterLabel {
	background-image: url("filter.svg");
}

.vs-dark .codicon.filterLabel,
.hc-black .codicon.filterLabel {
	background-image: url("filter_inverse.svg");
}

.vs .codicon.clear-filter {
	background-image: url("clearfilter.svg");
}

.vs-dark .codicon.clear-filter,
.hc-black .codicon.clear-filter {
	background-image: url("clearfilter_inverse.svg");
}

.vs .codicon.warning-badge,
.vs-dark .codicon.warning-badge,
.hc-black .codicon.warning-badge {
	background: url("status_warning.svg") center center no-repeat;
}

.vs .codicon.refresh,
.vs-dark .codicon.refresh,
.hc-black .codicon.refresh {
	background: url("refresh.svg") no-repeat;
}

.hc-black .codicon.toggle-more,
.vs-dark .codicon.toggle-more {
	background: url("ellipsis-inverse.svg") center center no-repeat;
}

.vs .codicon.toggle-more {
	background: url("ellipsis.svg") center center no-repeat;
}

.hc-black .codicon:not(.masked-icon).new,
.vs-dark .codicon:not(.masked-icon).new {
	background: url("new_inverse.svg") center center no-repeat;
}

.vs .codicon:not(.masked-icon).new {
	background: url("new.svg") center center no-repeat;
}

.vs .codicon.new-query,
.vs-dark .codicon.new-query,
.hc-black .codicon.new-query {
	background: url("newquery.svg") center center no-repeat;
}

.vs .codicon.info,
.hc-black .codicon.info,
.vs-dark .codicon.info {
	background: url("info.svg") center center no-repeat;
}

.vs .codicon.edit,
.hc-black .codicon.edit,
.vs-dark .codicon.edit {
	background: url("edit.svg") center center no-repeat;
}

.hc-black .codicon.pin,
.vs-dark .codicon.pin {
	background: url("pin_inverse.svg") center center no-repeat;
}

.vs .codicon.pin {
	background: url("pin.svg") center center no-repeat;
}

.hc-black .codicon.unpin,
.vs-dark .codicon.unpin {
	background: url("unpin_inverse.svg") center center no-repeat;
}

.vs .codicon.unpin {
	background: url("unpin.svg") center center no-repeat;
}

.hc-black .codicon.bookreport,
.vs-dark .codicon.bookreport {
	background: url("book_inverse.svg") center center no-repeat;
}

.vs .codicon.bookreport {
	background: url("book.svg") center center no-repeat;
}

.vs .sql.codicon.pause {
	background-image: url("pause.svg");
}

.vs-dark .sql.codicon.pause,
.hc-black .sql.codicon.pause {
	background-image: url("pause_inverse.svg");
}

.vs .sql.codicon.continue {
	background-image: url("continue.svg");
}

.vs-dark .sql.codicon.continue,
.hc-black .sql.codicon.continue {
	background-image: url("continue_inverse.svg");
}

.vs .sql.codicon.checked {
	background-image: url("check.svg");
}

.vs-dark .sql.codicon.checked,
.hc-black .sql.codicon.checked {
	background-image: url("check_inverse.svg");
}

.vs .sql.codicon.start {
	background-image: url("start.svg");
}

.vs-dark .sql.codicon.start,
.hc-black .sql.codicon.start {
	background-image: url("start_inverse.svg");
}

.vs .sql.codicon.stop {
	background-image: url("stop.svg");
}

.vs-dark .sql.codicon.stop,
.hc-black .sql.codicon.stop {
	background-image: url("stop_inverse.svg");
}

/* Notebook cells */
.codicon.toolbarIconRunInactive {
	background-image: url("execute_cell_grey.svg");
}

.codicon.toolbarIconRun {
	background-image: url("execute_cell.svg");
}

.codicon.toolbarIconRunError {
	background-image: url("execute_cell_error.svg");
}

.codicon.toolbarIconStop {
	background-image: url("stop_cell_solidanimation.svg");
}

.vs-dark .codicon.toolbarIconRunInactive {
	background-image: url("execute_cell_dark.svg");
}

.vs-dark .codicon.toolbarIconRun {
	background-image: url("execute_cell_white.svg");
}

.hc-black .codicon.toolbarIconRunInactive {
	background-image: url("execute_cell_hc.svg");
}

.hc-black .codicon.toolbarIconRun {
	background-image: url("execute_cell_orange_hc.svg");
}

.vs-dark .codicon.toolbarIconStop,
.hc-black .codicon.toolbarIconStop {
	background-image: url("stop_cell_solidanimation_inverse.svg");
}

/* Icons as masked elements for easy theme switching.
Includes non-masked style declarations. */
.masked-icon:before {
	content: "";
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-size: 50% 100%;
	mask-size: 50% 100%;
}

.codicon.masked-icon.bold::before {
	-webkit-mask-image: url("toolbar-bold.svg");
	mask-image: url("toolbar-bold.svg");
}

.codicon.masked-icon.italic::before {
	-webkit-mask-image: url("toolbar-italic.svg");
	mask-image: url("toolbar-italic.svg");
}

.codicon.masked-icon.underline::before {
	-webkit-mask-image: url("toolbar-underline.svg");
	mask-image: url("toolbar-underline.svg");
}

.codicon.masked-icon.highlight::before {
	-webkit-mask-image: url("toolbar-highlight.svg");
	mask-image: url("toolbar-highlight.svg");
}

.codicon.masked-icon.code::before {
	-webkit-mask-image: url("code.svg");
	mask-image: url("code.svg");
}

.codicon.masked-icon.insert-link::before {
	-webkit-mask-image: url("toolbar-link.svg");
	mask-image: url("toolbar-link.svg");
}

.codicon.masked-icon.list::before {
	-webkit-mask-image: url("toolbar-list.svg");
	mask-image: url("toolbar-list.svg");
}

.codicon.masked-icon.ordered-list::before {
	-webkit-mask-image: url("toolbar-ordered-list.svg");
	mask-image: url("toolbar-ordered-list.svg");
}

.codicon.masked-icon.insert-image::before {
	-webkit-mask-image: url("toolbar-image.svg");
	mask-image: url("toolbar-image.svg");
}

.codicon.masked-icon.split-toggle-on::before {
	-webkit-mask-image: url("toolbar-preview-toggle-on.svg");
	mask-image: url("toolbar-preview-toggle-on.svg");
}

.codicon.masked-icon.split-toggle-off::before {
	-webkit-mask-image: url("toolbar-preview-toggle-off.svg");
	mask-image: url("toolbar-preview-toggle-off.svg");
}

.codicon.markdown {
	-webkit-mask-image: url("markdown.svg");
	mask-image: url("markdown.svg");
}

.codicon:not(.masked-icon).icon-expand-cells {
	background-image: url("action-expand.svg");
}

.codicon.masked-icon.icon-expand-cells:before {
	background-image: none;
	-webkit-mask-image: url("action-expand.svg");
	mask-image: url("action-expand.svg");
}

.codicon:not(.masked-icon).icon-collapse-cells {
	background-image: url("action-collapse.svg");
}

.codicon.masked-icon.icon-collapse-cells:before {
	-webkit-mask-image: url("action-collapse.svg");
	mask-image: url("action-collapse.svg");
}

.codicon:not(.masked-icon).icon-clear-results {
	background-image: url("clear.svg");
}

.codicon.masked-icon.icon-clear-results:before {
	-webkit-mask-image: url("clear.svg");
	mask-image: url("clear.svg");
}

.codicon:not(.masked-icon).icon-shield {
	background-image: url("shield.svg");
}

.codicon.masked-icon.icon-shield:before {
	-webkit-mask-image: url("shield.svg");
	mask-image: url("shield.svg");
}

.codicon:not(.masked-icon).icon-shield-x {
	background-image: url("shield-x.svg");
}

.codicon.masked-icon.icon-shield-x:before {
	-webkit-mask-image: url("shield-x.svg");
	mask-image: url("shield-x.svg");
}

.codicon:not(.masked-icon).packages {
	background-image: url("packages.svg");
}

.codicon.masked-icon.packages:before {
	background-image: none;
	-webkit-mask-image: url("packages.svg");
	mask-image: url("packages.svg");
}

.codicon.arrow-up {
	background-image: url("chevron_up.svg");
}

.vs-dark .codicon.arrow-up,
.hc-black .codicon.arrow-up {
	background-image: url("chevron_up_inverse.svg");
}

.codicon:not(.masked-icon).arrow-down {
	background-image: url("chevron_down.svg");
}

.vs-dark .codicon:not(.masked-icon).arrow-down,
.hc-black .codicon:not(.masked-icon).arrow-down {
	background-image: url("chevron_down_inverse.svg");
}

.codicon.masked-icon.arrow-down {
	background-image: none;
	-webkit-mask-image: url("chevron_down.svg");
	mask-image: url("chevron_down.svg");
}

.vs .codicon:not(.masked-icon).new-blue {
	background-image: url('new-blue.svg');
}

.vs .codicon:not(.masked-icon).start-outline {
	background-image: url('start-outline.svg');
}

/* Masked element inside pseudo element */
.masked-pseudo {
	background-image: none !important;
}

.masked-pseudo:before,
.masked-pseudo-after:after {
	content: "";
	display: block;
	position: absolute;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	mask-repeat: no-repeat;
	-webkit-mask-size: 50% 100%;
	mask-size: 50% 100%;
}

.masked-pseudo:before {
	height: 23px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
}

.masked-pseudo-after:after {
	height: 23px;
	right: 0;
	top: 2px;
	width: 30px;
}

.masked-pseudo-after.dropdown-arrow:after {
	background-image: none;
	-webkit-mask-image: url("chevron_down.svg");
	mask-image: url("chevron_down.svg");
}

.masked-pseudo.add-new:before {
	-webkit-mask-image: url("new.svg");
	mask-image: url("new.svg");
}

.masked-pseudo.start-outline:before {
	-webkit-mask-image: url("start-outline.svg");
	mask-image: url("start-outline.svg");
}

.masked-pseudo.code:before {
	-webkit-mask-image: url("code.svg");
	mask-image: url("code.svg");
}

.masked-pseudo.markdown:before {
	-webkit-mask-image: url("markdown.svg");
	mask-image: url("markdown.svg");
}

.codicon.masked-icon.new:before {
	background-image: none;
	-webkit-mask-image: url('new.svg');
	mask-image: url('new.svg');
}

.codicon.masked-icon.close:before {
	background-image: none;
	-webkit-mask-image: url('close-blue.svg');
	mask-image: url('close-blue.svg');
}

.codicon.masked-icon.edit:before {
	background-image: none;
	-webkit-mask-image: url('edit.svg');
	mask-image: url('edit.svg');
}
.codicon.masked-icon.move-up:before {
	transform: scale(-1);
	background-image: none;
	-webkit-mask-image: url('down-arrow-blue.svg');
	mask-image: url('down-arrow-blue.svg');
}
.codicon.masked-icon.move-down:before {
	background-image: none;
	-webkit-mask-image: url('down-arrow-blue.svg');
	mask-image: url('down-arrow-blue.svg');
}

.codicon.masked-icon.delete:before {
	background-image: none;
	-webkit-mask-image: url('garbage-can-blue.svg');
	mask-image: url('garbage-can-blue.svg');
}

.codicon.masked-icon.more:before {
	background-image: none;
	-webkit-mask-image: url('ellipsis-blue.svg');
	mask-image: url('ellipsis-blue.svg');
}

.database-colored.codicon {
	background-image: url("database_colored.svg");
}

.book.codicon {
	-webkit-mask-image: url("book_image.svg");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: 50% 50%;
}

.small {
	width: 16px;
	height: 16px;
}

.medium {
	width: 24px;
	height: 24px;
}

.large {
	width: 32px;
	height: 32px;
}