.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; }