TabsAsideExtension/css/style.dark.css

.tabsAside[darkmode].background
{
	background-color: rgba(0, 0, 0, .5);
}

.tabsAside[darkmode] .pane
{
	background-color: #333333;
	color: white;
}

	.tabsAside[darkmode] .pane header
	{
		background-color: #3b3b3b;
	}

	.tabsAside[darkmode] nav hr
	{
		filter: invert(1);
	}

	.tabsAside[darkmode] .saveTabs > div
	{
		filter: invert();
	}

	/* Button style */
	.tabsAside[darkmode] button
	{
		color: white;
	}
	.tabsAside[darkmode] .pane button:hover,
	.tabsAside[darkmode] .pane .control.checkbox:hover
	{
		background-color: gray;
	}
	.tabsAside[darkmode] .pane button img,
	.tabsAside[darkmode] .pane label > input + span
	{
		filter: invert();
	}
	.tabsAside[darkmode] .pane button:active
	{
		background-color: dimgray;
	}

	.tabsAside[darkmode] .collectionSet > .header > input
	{
		color: white;
	}

	.tabsAside[darkmode] .collectionSet > .header > input:hover
	{
		border: 1px solid dimgray;
	}

	.tabsAside[darkmode] .collectionSet > .header > input:focus
	{
		background: white;
		color: black;
	}

	.tabsAside[darkmode] a
	{
		color: #48adff;
	}

	/* Timestamp label */
	.tabsAside[darkmode] > .pane > section small
	{
		color: lightgray !important;
	}

	/* Scrollbar style */
	.tabsAside[darkmode] .pane ::-webkit-scrollbar-thumb
	{
		background: gray;
		border-radius: 3px;
	}
		.tabsAside[darkmode] .pane ::-webkit-scrollbar-thumb:hover
		{
			background: dimgray;
		}

	.tabsAside[darkmode] .pane .collectionSet
	{
		background-color: #3b3b3b;
		border-color: #444;
	}

	/* Tab style */
	.tabsAside[darkmode] .pane .collectionSet > .set > div
	{
		background-color: #0c0c0c;
		background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_thumbnail_dark.png"),
						  url("moz-extension://__MSG_@@extension_id__/images/tab_thumbnail_dark.png");
		border-color: #444;
	}

		.tabsAside[darkmode] .pane .collectionSet > .set > div > div
		{
			background-color: rgba(50, 50, 50, .75);
		}

			.tabsAside[darkmode] .pane .collectionSet > .set > div > div > div
			{
				background-image: url("chrome-extension://__MSG_@@extension_id__/images/tab_icon_dark.png"),
								  url("moz-extension://__MSG_@@extension_id__/images/tab_icon_dark.png");
			}

	/* Context menu style */
	.tabsAside[darkmode] .pane nav
	{
		background-color: #4a4a4a;
	}

.tabsAside[darkmode] .listviewSwitch > div
{
	border-radius: 1px;
	background-color: gray;
}

.tabsAside[darkmode] .tabsAside .listviewSwitch.tile > div
{
	background-color: #c2c2c2;
}

.tabsAside[darkmode] .tabsAside[listview] .listviewSwitch.tile > div
{
	background-color: gray;
}

.tabsAside[darkmode] .tabsAside[listview] .listviewSwitch.list > div
{
	background-color: #c2c2c2;
}