Dark style for Workona.com
Workona Dark Theme by tukusejssirs
Details
Authortukusejssirs
LicenseCreative Commons Attribution-ShareAlike 4.0 International
Categoryworkona.com
Created
Updated
Size11 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
For more information, see the repository.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Workona Dark Theme
@namespace https://gitlab.com/tukusejssirs
@version 1.1.1
@license CC BY-SA 4.0
@homepageURL https://gitlab.com/tukusejssirs/workona_dark_style
@author Tukusej’s Sirs (@tukusejssirs)
==/UserStyle== */
@-moz-document regexp("^https://workona.com/[0-9].*") {
/* Main space and app bar background */
.app, ._2jeXtzABUskiV3epT_mV16, ._1B07DczOsH0lLKXSUKKLSv, ._1waWxVBsXcREGJKEQ8E87h, .style-module--root--n6POO, .style-module--loadingContainer--BuEZV, .style-module--content--1NmDq, .style-module--scrollerContent--1wSfB, .style-module--root--1BeON {
background: #000000 !important;
}
/* Context menus, tab list and popups background colour */
._3sltFBVBoMEsYM854YBJBf, ._14zN2To0Vr4ObISm0xpjUl, ._3xx-hM_fYDCpigf65kf6CG, ._3irQB9Tv18T_XmnsCBQ3rF,
.dNnn60S2BTE7NEfnPoVJZ:hover, ._1huIutIXFnXbWly3-8gzrN, ._2UgL7qBuTYlPeBMIv3Z44a, ._19WklTkm6zF3OwDBD-TkyC, ._2y4UB7JoIIMx_mHGLneqZk, .UpWcfG5YipBjRVGTZ7mh3, ._72TFG8gHnPcEg0mSsHlNF, ._3RftQo69y1bWp4mlOm-PJi, ._3z-5ASxElLkMufBKh557vK, ._2-8UWfLFubyO1kA5Bn-QVt, ._3H_WuDu5NldNllFYMGWwp1, .style-module--scroller--12ete, .style-module--root--2wSDK, .style-module--root--3JSly, .style-module--root--2uKoI, .style-module--inputWrapper--2vKL5, .style-module--root--3PdGl, .style-module--scroll--2bzml, .style-module--frame--2hByx, .style-module--rootExpanded--d7xHA, .style-module--frame--6nY7I {
background: #1e1e1e !important;
}
/* Foreground colour (main text and placeholder) */
.dNnn60S2BTE7NEfnPoVJZ:hover, ._1huIutIXFnXbWly3-8gzrN, ._3iUg1tZYNsBSwhqmAXm8Zu, ._13Hjg8UL7yInNWmASkLjoj, ._2kRbqWMhyJB1R51jTa19LL, ._2j42J7zEfGyX8f6i760A9Y, .style-module--block--FTxWZ:hover, .style-module--block--FTxWZ, .style-module--item--384XQ:hover, .style-module--block--FTxWZ:hover .style-module--blockHover--1TlOi, .style-module--btn--2YYb-, .style-module--emptyState--Z1eMe, .style-module--titleInput--mwnMq::placeholder {
color: #cccccc;
}
.style-module--note--3XaVF, .style-module--note--3XaVF:hover {
color: #cccccc !important;
}
/* Form text box background colour */
.MuiInputBase-input {
background-color: #282828;
}
/* Note editor background colour */
.style-module--editor--3V7vs {
background-color: #000000;
}
/* Note title foreground colour in note editor */
.style-module--preview--SfGT7, .style-module--preview--SfGT7:hover {
color: #cccccc !important;
}
/* Note footer (options) background colour in note editor */
.style-module--toolbar--16IM6 {
background-color: #181818;
}
/* Note footer (options) individual options background colour on hover */
.style-module--barBtn--1R1sR:hover {
background-color: #000000;
}
/* Note footer (options) selected individual options background colour */
.style-module--barBtnSelected--1S3he {
background-color: #000000;
}
/* Note footer (options) individual options foreground colour */
.style-module--btnIcon--27CDw, .style-module--btnIcon--27CDw:hover {
color: #3371ff !important;
}
/* Note title background colour on hover in note editor */
.style-module--preview--SfGT7:hover, .style-module--noteTransition--2wP-T {
background-color: #181818 !important;
}
/* Note editor box shadow (border) */
.style-module--editing--sD8aG .style-module--note--3XaVF {
box-shadow: 0 0 0 1px #3371ff,0 0 0 5px rgba(0,0,0,.03),0 2px 4px -3px rgba(0,0,0,.1),0 4px 5px 4px rgba(0,0,0,.07),0 1px 10px 4px rgba(0,0,0,.06);
}
/* Tab list: background colour of the tab item on hover */
/* Resource list: background colour of the tab item on hover */
/* Resource list: background colour of add new resource group button */
/* Context menu items on hover */
/* Unselected note background colour on hover */
.YutoAUI7nSPOFeaxyIxOg:hover, [data-rbd-drag-handle-context-id="0"]:hover, .style-module--item--384XQ:hover, .style-module--block--FTxWZ:hover .style-module--blockHover--1TlOi, .style-module--selected--3mz16:hover, .style-module--selected--1JotF:hover, .style-module--note--3XaVF:hover {
background-color: #333333;
}
/* Unselected note background colour */
.style-module--note--3XaVF {
background-color: #181818;
}
/* Tab list: background colour of selected item */
/* Resource list: background colour of selected item */
.style-module--selected--3mz16, .style-module--selected--1JotF {
background-color: #222222 !important;
}
/* Tab list: foreground colour of selected item on hover */
/* Resource list: foreground colour of selected item on hover */
.style-module--selected--3mz16, .style-module--selected--3mz16:hover, .style-module--selected--1JotF, .style-module--selected--1JotF:hover {
color: #3371ff;
}
/* Main foreground colour */
body, ._1gJ_NYaKZe2lAgqgtY3yDn, .KPACyk1OtTz9LvyR9_T6P {
color: #cccccc;
}
/* Sidebar background */
/* Preferences sidebar background */
/* Add resource sidebar */
._1MqP5l6V_u1Kza6KH4OeI7, .De30U_-srldDdjYCLcN8_, ._1S2kJtgA8OLNPTN4cbi21R, .tIEHl6uvpqYX65PnAC-DJ, .style-module--root--1ASY7, .style-module--loadingSidebar--2bDuy, .style-module--block--FTxWZ, .style-module--block--kJzO9, [data-rbd-drag-handle-context-id="0"], .style-module--tabs--2MCDC, .style-module--tabs--3qMab {
background: #181818;
}
/* Find overlay background */
._2NmaFledpPHzSsOzFAZTlZ, .style-module--column--2QgNZ {
background: rgba(0,0,0,.50);
}
/* Preferences main space background */
/* Add resource main space background */
._3z-5ASxElLkMufBKh557vK, ._37cWZUU1YOl71VNsGGW6Tr, .style-module--pane--3GzxN, .style-module--footer--nqSAK, .style-module--scrollBody--1MzeB {
background: #1e1e1e;
}
/* Preferences email address text box foreground colour */
/* (greyed out / disabled) */
.MuiInputBase-root {
color: grey !important;
}
/* Preferences text box foreground colour */
/* (enabled) */
._2ihVv2nYKWlUMtU61rb2OI:not(.Mui-disabled), .vL3c5V77Fjk7XlAOOhpwW {
color: #cccccc;
}
/* Preferences text box label foreground colour */
.MuiFormLabel-root, .MuiFormLabel-root.Mui-disabled, ._2y4UB7JoIIMx_mHGLneqZk {
color: #aaaaaa;
}
/* Find search (in sidebar) and + button background colour */
._1wUbfJlwgeEwnEO65dUZFo, ._22o5f_EuPgID_SD9A00E {
background: #252525;
}
/* Find search (in sidebar) and + button background colour on hover */
._1wUbfJlwgeEwnEO65dUZFo:hover, ._22o5f_EuPgID_SD9A00E:hover {
background: #323232;
/* color: #ccc; */
}
/* Selected workspace background in sidebar */
._11UI4TMMMq_B3mdw5saK6y {
background: #323232 !important;
}
/* Hovering tab list background (hover on a workspace name in sidebar) */
._2ViXpP4VnNTHEbxAje4dhn {
background: #1e1e1e;
}
/* Hovering tab list hovered item background */
._76hFX1t9pYcX9b8358iHo {
background: #101010;
}
/* Hovering tab list header background */
._3-EMxNRyLc1LFA2z5epBAk {
background: #101010;
}
/* Hovering tab list header background */
._3YD0drq3mR1yIDofo1eKHC:hover {
background: #101010;
}
/* In sidebar: Background colour of workspace name when the user hovers over it */
._3YD0drq3mR1yIDofo1eKHC:hover, ._2t5Vn-jCkilRvSaokPF9yY {
background: #252525;
}
/* + buttons: Hovering on items: background and foreground */
._2y44mkYNI7jB1qleu0CSp3:hover {
background: #181818;
color: #ccc;
}
/* Selected checkbox background colour */
._1nE8W71-1pNzo-wyc8sNKn ._1ZDGfmPAg4CHW7-wx5fn8j, .style-module--checked--2pFFd {
background: #222222;
}
/* Unselected checkbox */
.style-module--unchecked--1A6KK, .style-module--unchecked--1A6KK.style-module--light--3YNHz {
box-shadow: inset 0 0 0 1px #3371ff; /* Checkbox border (the square/outline) colour */
}
/* Tab handle in tab list that is used to re-order the tabs */
._15h5M7nKRx9TIS-dHwx5QI {
filter: invert(100%);
}
/* Darken the tab images on unnamed workspaces and folder images on workspaces without open tabs */
._2XKZpLLi4sxYN4SUe88Ntg, ._3-zAr9MbJSVOGq8zKmW0MM {
filter: grayscale(100%) invert(95%) brightness(0.2);
}
/* Remove opacity of some text foreground colour (e.g. `I’m not sure yet` in `What do you think of Workona?` pop-up) */
._2rlpEV4yAlaHiNp2fSz3IP {
opacity: 1;
}
/* Material icons foreground colour */
.material-icons {
color: #3370ff !important;
}
/* Material icons: White foreground colour */
/* .style-module--btnIcon--2g3Je .material-icons */
.nU0BVgRBjFu8th9lWpc4- .material-icons, .style-module--rootSmall--3wSLW .material-icons /*, .style-module--box--676xN .material-icons*/ {
color: #ffffff !important;
}
/* Material icons: Blue foreground colour */
.style-module--buttons--3jFBi .material-icons, .style-module--checked--2pFFd .material-icons {
color: #3370ff !important;
}
/* Material icons: Note editor footer (options) foreground colour */
.style-module--barBtn--1R1sR .material-icons {
color: #3370ff !important;
opacity: 1;
}
.style-module--barBtn--1R1sR {
opacity: 1;
}
/* Background colour of info machines (showed at the bottom of the sidebar) */
.style-module--info--2hmhy {
background-color: #000000;
}
/* Add resource search background colour */
._3h6NibiE3OxNs7m2ibGCVR, ._3DTu0bRWFH2zoCMBSr3OY6, .style-module--input--KKXfa {
background: #252525;
}
/* Remove new tab addon recommendation */
.BsMaM9O7k_AslX_3d68A0 {
visibility: hidden
}
/* Keyboard shortcuts buttons foreground colour in Workona preferences */
._14QA6-dt-6-kJYYtkZNh6b {
color: #cccccc;
}
/* Keyboard shortcuts buttons background colour in Workona preferences */
._13BMhdRgXbiwDau0BTeVQ0 {
background-color: #000000;
}
/* The foreground colour of the info above the keyboard shortcuts buttons in Workona preferences */
._27R_cYwtZ7GXrD_Kc_izjg {
color: #cccccc;
}
/* The background colour of the info above the keyboard shortcuts buttons in Workona preferences */
._27R_cYwtZ7GXrD_Kc_izjg {
background-color: #000000;
}
/* Hide `Add Workona New Tab` button */
.style-module--root--3j0H1 {
visibility: hidden;
}
/* Remove `box-shadow` (looks like a thick border) around tab list */
...