JezK

Edit File: admin-foogallery-modern.css

/* Loaded only on FooGallery edit screens in WordPress 7.0+ */
body.wp-admin {
	--foogallery-color-wp-primary: var(--wp-admin-theme-color);
	--foogallery-color-wp-primary-50: color-mix(in srgb, var(--wp-admin-theme-color) 50%, transparent);
	--foogallery-color-wp-primary-0: transparent;
}

body.wp-admin .foogallery-vertical-tab {
	color: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-settings.can-hover .foogallery-vertical-tab:not(.foogallery-tab-active):hover {
	color: var(--wp-admin-theme-color-darker-10, var(--wp-admin-theme-color));
}

body.wp-admin .foogallery-settings .foogallery-vertical-tab.foogallery-tab-active {
	background-color: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-vertical-child-tab:not(.foogallery-tab-active):hover {
	color: var(--wp-admin-theme-color-darker-20, var(--wp-admin-theme-color));
}

body.wp-admin .foogallery-settings.is-mobile .foogallery-vertical-tab.foogallery-tab-active .foogallery-vertical-child-header {
	background-color: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-template-card.selected {
	border-color: var(--wp-admin-theme-color);
	box-shadow: 0 0 5px color-mix(in srgb, var(--wp-admin-theme-color) 50%, transparent);
}

body.wp-admin .foogallery-template-card:hover {
	border-color: var(--wp-admin-theme-color);
	box-shadow: 0 0 8px color-mix(in srgb, var(--wp-admin-theme-color) 20%, transparent);
}

body.wp-admin .foogallery-template-card.selected svg {
	color: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-items-view-switch a {
	color: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
	background: #f6f7f7;
	border-radius: 0 !important;
}

body.wp-admin .foogallery-items-view-switch a:hover {
	color: var(--wp-admin-theme-color-darker-20, var(--wp-admin-theme-color));
	border-color: var(--wp-admin-theme-color-darker-20, var(--wp-admin-theme-color));
	background: #f0f0f1;
}

body.wp-admin .foogallery-items-view-switch a.current {
	background: var(--wp-admin-theme-color);
	border-color: var(--wp-admin-theme-color);
	color: #fff;
}

body.wp-admin .foogallery-items-view-switch a.current:hover {
	background: var(--wp-admin-theme-color-darker-10, var(--wp-admin-theme-color));
	border-color: var(--wp-admin-theme-color-darker-10, var(--wp-admin-theme-color));
	color: #fff;
}

body.wp-admin .foogallery-attachments-list .add-attachment {
	border: 1px dashed var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-settings range-input {
	accent-color: var(--wp-admin-theme-color) !important;
}

body.wp-admin .foogallery-settings range-input::part(input) {
	accent-color: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-modal-title select {
	min-height: 32px;
	line-height: 1;
}

body.wp-admin .wp-core-ui .button .dashicons {
	line-height: 1.1;
}

body.wp-admin .foogallery-settings :is(input:not([type="hidden"]):not([type="radio"]):not([type="checkbox"]), select) {
	min-height: 32px;
	line-height: 1;
}

body.wp-admin .foogallery-template-card,
body.wp-admin .foogallery-template-card.is-pro::after,
body.wp-admin .foogallery_metabox_field-icon label,
body.wp-admin .foogallery_metabox_field-htmlicon label,
body.wp-admin .foogallery-shortcode input,
body.wp-admin .foogallery-settings :is(input:not([type="radio"]), select, textarea, button, .button) {
	border-radius: 0 !important;
}

body.wp-admin .foogallery-help,
body.wp-admin .foogallery-promo {
	border-radius: 0 !important;
}

body.wp-admin .inside > .foogallery-help {
	margin-top: 10px;
}

body.wp-admin .foogallery-vertical-tab {
	color: unset;
}

body.wp-admin #adminmenu li.menu-icon-foogallery.wp-has-current-submenu .awaiting-mod {
	background: rgb(12.15, 12.15, 12.15);
}

body.wp-admin #adminmenu li.menu-icon-foogallery .wp-submenu .awaiting-mod {
	background: var(--wp-admin-theme-color);
}

body.wp-admin .foogallery-vertical-child-tab {
	padding: 6px 12px !important;
}

body.wp-admin .foogallery-vertical-tab .foogallery-tab-text {
    vertical-align: bottom;
}

body.wp-admin .foogallery-modal-wrapper .media-toolbar-secondary {
	align-items: flex-start;
}