/*
 * Windows 3.1 custom dark color scheme.
 *
 * This deliberately reuses the standard Windows31 controls and changes only
 * system-color roles that could be assigned from the Windows 3.1 Color
 * Control Panel. Keeping Button Face gray also preserves the native-pixel
 * caption, scrollbar, dropdown, tree, and toolbar artwork.
 */
@import url('Windows31.css');

:root {
	--win31-desktop:#241024;
	--win31-desktop-pattern:url('windows31_images/desktop-plum-pinstripe.svg');
	--win31-face:#505050;
	--win31-light:#909090;
	--win31-shadow:#282828;
	--win31-tree-line:#808080;
	--win31-combo-button:url('windows31_images/dark-combo-button.svg');
	--win31-combo-button-pressed:url('windows31_images/dark-combo-button-pressed.svg');
	--win31-title:#502050;
	--win31-selection:#503060;
	--win31-window:#202020;
	--win31-menu:#383838;
	--win31-scrollbar:#383838;
	--win31-button-text:#f0f0f0;
	--win31-menu-text:#f0f0f0;
	--win31-window-text:#f0f0f0;
	--win31-desktop-text:#ffffff;
	--win31-field-mark:#ffffff;
	--win31-disabled-text:#909090;
	--win31-muted-text:#b0b0b0;
	--win31-private-window:#402040;
	--win31-private-text:#ffffff;
	--win31-link:#80c0ff;
	--win31-link-hover:#a0d0ff;
	--win31-guest:#c0c0c0;
	--win31-user:#ffffff;
	--win31-chat-user:#c0d8ff;
	--win31-custom-user:#ff00ff;
	--win31-moderator:#00ff00;
	--win31-admin:#ff0000;
	--win31-chatbot:#ffff00;
	--win31-chatbot-error:#ff0000;
}

.windows31-runtime-scrollbar-up {
	background-image:url('windows31_images/dark-arrow-up.svg');
}

.windows31-runtime-scrollbar-down {
	background-image:url('windows31_images/dark-arrow-down.svg');
}

.windows31-runtime-scrollbar-up:active:hover:not(.windows31-pointer-out) {
	background-image:url('windows31_images/dark-arrow-up-pressed.svg');
}

.windows31-runtime-scrollbar-down:active:hover:not(.windows31-pointer-out) {
	background-image:url('windows31_images/dark-arrow-down-pressed.svg');
}

/* The base artwork is literal Win3.x gray pixels. These alternate renderings
 * use the same geometry with the custom scheme's Button Face ramp. */
#content #headlineContainer::before,
#loginContent #loginHeadlineContainer::before {
	background-image:url('windows31_images/dark-system-menu.svg');
}

#content #headlineContainer::after,
#loginContent #loginHeadlineContainer::after,
#content :is(#onlineListContainer, #helpContainer, #settingsContainer) h3::after {
	background-image:url('windows31_images/dark-caption-controls.svg');
}

#content #headline > #windows31MinimizeButton:active:hover:not(.windows31-pointer-out),
#content #headlineContainer > #windows31MinimizeButton:active:hover:not(.windows31-pointer-out) {
	background:var(--win31-face) url('windows31_images/dark-caption-minimize-pressed.svg') no-repeat 0 0 !important;
}

#content :is(#onlineListContainer, #helpContainer, #settingsContainer) h3::before {
	background-image:url('windows31_images/dark-system-menu-small.svg');
}

#content #chatList .delete {
	background-image:url('windows31_images/dark-message-delete.svg') !important;
}

#content #onlineList > div > a::before {
	background-image:url('windows31_images/dark-tree-expand-plus.svg');
}

#content #onlineList > div:has(
	> ul.userMenu:not([style*='display:none']):not([style*='display: none'])
) > a::before {
	background-image:url('windows31_images/dark-tree-expand-minus.svg');
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:vertical:decrement {
	background-image:url('windows31_images/dark-arrow-up.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:vertical:increment {
	background-image:url('windows31_images/dark-arrow-down.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:horizontal:decrement {
	background-image:url('windows31_images/dark-arrow-left.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:horizontal:increment {
	background-image:url('windows31_images/dark-arrow-right.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:vertical:decrement:active:hover {
	background-image:url('windows31_images/dark-arrow-up-pressed.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:vertical:increment:active:hover {
	background-image:url('windows31_images/dark-arrow-down-pressed.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:horizontal:decrement:active:hover {
	background-image:url('windows31_images/dark-arrow-left-pressed.svg') !important;
}

body #content :is(
	#chatList, #onlineListContainer, #onlineList, #onlineListContainer *,
	#helpList, #settingsList, #inputField
)::-webkit-scrollbar-button:horizontal:increment:active:hover {
	background-image:url('windows31_images/dark-arrow-right-pressed.svg') !important;
}