There wasn't a dark theme available for Totaljobs yet so I figured I'll be the one to give it a try. This only styles the section looking for a job, I have not attempted to style the offering a job part so if you're a recruiter - sorry. I do not have access to those pages so I cannot style them either.
TotalJobs Dark Theme by axeia
Details
Authoraxeia
LicenseNo License
Categorytotaljobs
Created
Updated
Size17 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
v2022.05.13 Dark themed a few more elements, fixed side menu collapse arrow color and menu line color
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name totaljobs.com Dark Theme
@namespace totaljobs.com
@version 2022.05.13
@description Gives totaljobs.com a dark lick of paint but leaves it alone otherwise
@author Axeia
==/UserStyle== */
@-moz-document domain("totaljobs.com") {
/**
layer 0 #121212;
layer 1 #1e1e1e;
layer 2 #222;
layer 3 #242424;
layer 4 #272727;
layer 5 #2c2c2c;
layer 6 #2e2e2e;
layer 7 #333;
layer 8 #363636;
layer 9 #383838;
*/
.header-row{
background: #000;
}
body,
.signin-form .recruiter-tab{
background: #121212 !important;
color: #ddd !important;
}
.stst-rlr .flsUYk:hover *{
color: #3cbf0a
}
.stst-rlr .jTmleu,
.stst-rlr .bOpjtF,
.stst-rlr .eoXyup{
color: #ddd;
}
.stst-rlr .ePYMbi,
.stst-rlr .gqHjVR,
.stst-rlr .dCuBDz,
.stst-rlr .eVQXfp,
.YQyLU,
.gGtWOr,
.stst-rlr .ldAWHK,
.main-form,
.signin-form .signin-tab,
.stst-rlr .gskzIj,
.job-content,
#bottom-button-panel .buttons-panel,
.buttons-panel .external-redirect-message,
#bottom-button-panel,
.jbe-row,
.social-links-row,
.row.related-jobs-row,
.finance-warning,
.bank-details-warning,
.related-links-container .related-links ul.relatedJobsList,
.stst-rlr .ieRVTj,
.explore-results-header,
.explore-results-main-header,
.stst-rlr .ePYMbi, .stst-rlr .gqHjVR, .stst-rlr .dCuBDz, .stst-rlr .eVQXfp, .YQyLU, .gGtWOr, .stst-rlr .ldAWHK, .main-form, .signin-form .signin-tab, .stst-rlr .gskzIj, .job-content, #bottom-button-panel .buttons-panel, .buttons-panel .external-redirect-message, #bottom-button-panel, .jbe-row, .social-links-row, .row.related-jobs-row, .finance-warning, .bank-details-warning, .related-links-container .related-links ul.relatedJobsList, .stst-rlr .ieRVTj, .explore-results-main-header,
.suggested-location,
.sort-by,
.job-results-row>.col-sm-12,
#rj-results,
div.rj-omj .external-redirect-message,
.widget-row{
background: #1e1e1e;
}
.stst-rlr .ePYMbi *,
.stst-rlr .gqHjVR *,
.stst-rlr .kuzZTz,
.stst-rlr .jExrPv,
.stst-rlr .jwFffy,
.stst-rlr .jpodhy,
.gGtWOr,
.iWLIUD,
.bqXIaF,
.stst-rlr .chaKXA.chaKXA,
.stst-rlr .cnAJiQ,
.stst-rlr .ejsxDW,
.stst-rlr .cXNNtF,
.social-links-row .social_links span,
.related-links-container .related-links ul.relatedJobsList li a,
.manage-applications :not(a), .mya-widget-tooltip__3zOf5, .btn-savejob,
#goodco-open-widget,
#goodco-open-widget .description{
color: #ddd;
}
.stst-rlr .kteggz,
.stst-rlr .eVQXfp,
.stst-rlr .dLeLvo,
.stst-rlr .dCuBDz,
.stst-rlr .jXKlsq,
.stst-rlr .gpuVre,
.YQyLU,
.gGtWOr,
.hweOtq,
.stst-rlr .kCOudZ,
.stst-rlr .gpMaXT,
.stst-rlr .NMa-dF,
.stst-rlr .bXOmlo,
.signin-form .main-form,
.signin-form .main-form .left-col,
.signin-form .tab,
.stst-rlr .gskzIj,
.stst-rlr .hzmIle li,
.stst-rlr .hzmIle,
.stst-rlr .hGDKfc,
#details-recommender .rj-results-container .rj-job-container,
.rj-results-container .rj-list-holder .rj-jobs-list .rj-visible-row .rj-job-container,
.stst-rlr .ieRVTj,
.travelTime-container,
hr,
.suggested-location,
.explore-results-header,
.explore-results,
div.rj-omj .rj-omj-content,
.stst-rlr .coMXaF{
border-color: #2e2e2e;
}
.stst-rlr .epBnvU::after{
border-bottom-color: #ddd;
}
.stst-rlr .cBazft::after{
border-top-color: #ddd;
}
.signin-form .tab{
border-bottom: 0;
}
.stst-rlr .cOwICh,
.stst-rlr .dcpOCE,
.stst-rlr .iAyVLz,
.stst-rlr .gpMaXT,
.stst-rlr .NMa-dF{
background-color: #1e1e1e;
color: #ddd;
}
.stst-rlr .ePYMbi,
.stst-rlr .gqHjVR,
.stst-rlr .ldAWHK{
border-color: #1e1e1e;
}
.stst-rlr .ePYMbi .TransportationMethod-sc-16gltui-5 *{
color: #2e2e2e;
}
.stst-rlr .bwSHpJ.bwSHpJ{
color: #fff;
}
.stst-rlr .cRcESM{
background: #2c2c2c;
border-color: #2c2c2c;
}
.stst-rlr .kZvhzt{
color: #eee !important;
}
.stst-rlr .iMTCku,
.stst-rlr .hCtIkK,
.stst-rlr .iHUlSm{
fill: #ccc;
}
.stst-rlr .kCOudZ{
background: transparent;
}
/** Pagination **/
.stst-rlr .bbBVci,
.stst-rlr .fAJbmO,
.stst-rlr .gxUhXK,
.pagination > li > a, .pagination > li > span{
background: #3cbf0a;
border: 1px solid transparent;
}
.stst-rlr .dPuehW,
.stst-rlr .cUwrAi{
fill: #fff;
}
.stst-rlr .fAJbmO:hover,
.stst-rlr .gwcKwa:hover,
.stst-rlr .bbBVci:hover,
.results-footer-links-container .pagination li a.page-link:hover{
border: 1px solid #fff;
border-radius: 4px;
color: #fff;
}
.stst-rlr .cUwrAi[disabled] svg,
.stst-rlr .fAJbmO[disabled] svg{
fill: #55963c;
}
.pagination li a.previous,
.pagination > li:last-child > a,
.pagination > li:first-child > a:focus,
.pagination > li:last-child > a:focus,
.pagination > li:first-child > a:hover,
.pagination > li:last-child > a:hover,
.pagination > li:first-child > span:focus,
.pagination > li:last-child > span:focus,
.pagination > li:first-child > span:hover,
.pagination > li:last-child > span:hover{
background-color: #3cbf0a;
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2042%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M.844.83a2.84%202.84%200%200%200%200%204.04L17.072%2021%20.844%2037.13a2.828%202.828%200%200%200%200%204.03%202.869%202.869%200%200%200%204.055%200l18.263-18.14a2.844%202.844%200%200%200%200-4.03L4.898.83A2.894%202.894%200%200%200%20.844.833%22%2F%3E%3C%2Fsvg%3E);
}
.stst-rlr .gwcKwa,
.results-footer-links-container .pagination li a.page-link{
color: #ddd;
border: 1px solid transparent;
}
/** Little 'new icon' **/
.stst-rlr .dCjGuz{
border-color: #3cbf0a;
background-color: rgb(217, 242, 236)
}
/** /Pagination **/
footer{
background: #000;
}
footer .menu .header,
footer a, footer a:link, footer a:visited{
color: #fff;
}
footer .copyright{
background: #3cbf0a;
}
.stst-rlr .cGeBAL, .form-control,
.btn-cv-upload{
background: #2e2e2e;
border: #2e2e2e;
color: #ddd;
}
/** Dropdown autofill **/
.dropdown-menu{
border: 1px solid #383838;
}
ul._2yY_X2ZJuNqjhgW4C_HATE li a{
background: #2e2e2e;
color: #ddd;
}
ul._2yY_X2ZJuNqjhgW4C_HATE li{
border-color: #383838;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
background: #383838;
color: #3cbf0a;
}
.stst-rlr .gfwyNJ{
background: #3cbf0a;
color: #fff;
}
.stst-rlr .gfwyNJ:hover{
background: #46ed06;
}
.stst-rlr .hzmIle li:hover{
fill: #fff;
}
.stst-rlr .hzmIle li:first-child{
border-radius: 5px 0 0 5px;
}
.stst-rlr .hzmIle li:last-child{
border-radius: 0 5px 5px 0;
}
#header-desktop-search-keywords{
border-right: 1px solid #383838;
}
/** Front page **/
.members-area-host-1mm3oib{
background-image: none !important;
}
.hBYiSV,
.jhaNKB,
.xhNeT{
background: #1e1e1e;
border-color: #2e2e2e;
}
.members-area-host-6aedmv{
color: #2e2e2e;
background: #222;
}
.members-area-host-wwy5gb{
background: #1e1e1e;
}
.members-area-host-4a3kvd{
color: #fff;
}
.members-area-host-6g2cha,
.jzbYxv{
color: #ddd;
}
.eAlpvq, .ifqlWi, .jnfeXc, .members-area-host-19m2gm0{
background: #222;
color: #222;;
}
.members-area-host-1745e0y{
background-color: #3cbf0a;
}
.eAlpvq, .jnfeXc{
border: 1px solid #2e2e2e;
}
.cHuhVb, .dolSzK, .bPBROV, .members-area-host-ji45gr, .members-area-host-psz8z3{
color: #ddd;
}
.VWYhh{
fill: #ddd;
}
/** profile **/
input[readonly]{
background-color: #423a3a !important;
}
.txtwrapper{
position: relative;
}
.txtwrapper::after{
position: absolute;
content: '▼';
right: 10px;
top: 12px;
}
.cbddl .txtwrapper,
.cbddlSmall .txtwrapper{
background: transparent;
}
.info-alert-header,
.info-alert-header.activeAlert,
.info-alert-header.pausedAlert,
.main-form.info-alert,
.jbe-form-container,
.well{
background-color: #222;
border-color: #222;
}
.btn-select{
background: #2c2c2c;
border: #2c2c2c;
color: #fff;
}
label.active, label.btn:hover{
background: #3cbf0a;
}
label.active a, label.btn:hover a{
color: #fff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
background: #b15b5b;
}
.btn-primary{
background: #3cbf0a;
border-color: transparent;
color: #fff;
}
.btn-primary:hover{
background: #267607;
border-color: #fff;
}
.btn-primary:focus, btn-primary:active{
background: #4bef0d;
}
.dropdown-menu, ul._2yY_X2ZJuNqjhgW4C_HATE li{
background: transparent;
border-color: transparent;
}
/** Social links **/
.social-links-row .social_links a.tw, .social-links-row .social_links a:link.tw, .social-links-row .social_links a:visited.tw{
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23DDD%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M7.5.5c-3.9%200-7%203.1-7%207s3.1%207%207%207%207-3.1%207-7-3.1-7-7-7%22%2F%3E%3Cpath%20fill%3D%22%23DDD%22%20d%3D%22M10.5%206.1v.2c0%202-1.5%204.2-4.2%204.2-.8%200-1.6-.2-2.3-.7h.4c.7%200%201.3-.2%201.8-.6-.6%200-1.2-.4-1.4-1h.3c.1%200%20.3%200%20.4-.1-.6%200-1.1-.6-1.1-1.3.2.1.4.1.6.1-.4-.2-.6-.7-.6-1.2%200-.3.1-.5.2-.7.7.9%201.8%201.5%203%201.5v-.3c0-.8.7-1.5%201.5-1.5.4%200%20.8.2%201.1.5.3-.1.7-.2.9-.4-.1.3-.3.6-.7.8.3%200%20.6-.1.8-.2-.1.3-.4.5-.7.7%22%2F%3E%3C%2Fsvg%3E)
}
.social-links-row .social_links a.fb, .social-links-row .social_links a:link.fb, .social-links-row .social_links a:visited.fb{
background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%3E%3Cpath%20fill%3D%22%23DDD%22%20d%3D%22M7.5%2015C3.4%2015%200%2011.6%200%207.5S3.4%200%207.5%200%2015%203.4%2015%207.5%2011.6%2015%207.5%2015zm0-14C3.9%201%201%203.9%201%207.5S3.9%2014%207.5%2014%2014%2011.1%2014%207.5%2011.1%201%207.5%201z%22%2F%3E%3Cpath%20fill%3D%22%23DDD%22%20d%3D%22M9.4%207.5H8.2V12H6.5V7.5H5.4V5.9h1.1V5c0-1.3.3-2%201.8-2h1.2v1.6h-.7c-.6%200-.6.2-.6.6V6h1.4l-.2%201.5%22%2F%3E%3C%2Fsvg%3E);
}
.social-links-row .so...