/* ==UserStyle==
@name           Indeed.com Dark
@version        1.0.4
@author         Hussein Esmail
@description    `A dark theme for the website https://indeed.com`
@namespace      https://github.com/hussein-esmail7/userstyles
@homepageURL    https://github.com/hussein-esmail7/userstyles
@supportURL     https://github.com/hussein-esmail7/userstyles/issues
@updateURL      https://raw.githubusercontent.com/hussein-esmail7/userstyles/main/src/dark_indeed.user.css
==/UserStyle== */

@-moz-document domain("indeed.com"), domain("ca.indeed.com") {
    :root {
        --color-bg: #1d1d1d;			/* Default background color */
        --color-fg: #cfcfcf;			/* Default text color */
        --color-fg2: #white;			/* Secondary text color */
        --color-bg2: #404040;			/* Secondary background color */
        --color-url: lightblue;		/* URL color */
		--color-svg: white;
		--color-border: white;
        color-scheme: dark;				/* Used to get dark scroll bars */
		--font-all: -apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif; /* Same font as StackOverflow */

    }

	html body *,
	html[dir] body .gnav .icl-GlobalFooter-link,
	html[dir] body .gnav .icl-GlobalFooter-copyright,
	.icl-WhatWhere .icl-TextInput-control--whatWhere::placeholder
	{
		/* Change global font */
		font-family: var(--font-all) !important;
	}

    html.js-focus-visible,
    .jobsearch-RecentSearches-background.is-desktop,
    .jobsearch-JapanSerpContainer.is-i18n,
    .jobsearch-JobComponent,
    div[role="main"],
    div[role="tablist"],
    div[role="tablist"] button,
	nav div,
	ul.jobsearch-ResultsList div, /* List of posting cards on homepage */
	.jobsearch-DesktopStickyContainer.is-sticky,
	#gnav-main-container.gnav .gnav-header-1gheiwz, /* Nav bar whitespace */
	#gnav-main-container.gnav .gnav-header-1gzi9yo,
	[dir] #gnav-main-container.gnav .css-7lfwia,
	[dir] #gnav-main-container.gnav .css-pctw5u,
	[dir] body #gnav-footer-container.gnav-reset,  /* Footer element 1 */
	[dir] body #gnav-leftnav-container.gnav-reset, /* Footer element 2 */
	[dir] body #gnav-main-container.gnav-reset,    /* Footer element 3 */
	.atw-AppCard, /* List of saved jobs */
    .css-g7s71f, /* Search result elements */
	.ia-SmartApplyCard-headerButton, /* "Resume" button after pressing apply on a posting */
	span.css-1v0oqx5.e1wnkr790, /* "Recommended" text inside the "Resume" button */
	.css-131fz7k, /* Right side of screen after pressing "apply" */
	.css-1w50uux,
	.css-1u9ksvk,
	.ia-SmartApplyCard,
	.ia-GreyInfoAlert,
	.ia-WorkExperienceSection,
	.ia-PreviewSection-card,
	.css-84ewbe,
	.css-nhxuph,
	.ia-BasePage-component,
	.ia-BasePage-midApplyFeedbackFooter,
	div.jobsearch-JapanPageLayout,
	div.jobsearch-JapanPageLayout *
	{
		background-color: var(--color-bg) !important;
	}

	.companyLocation, /* Company location (city) in each search result element */
	.companyName, /* Company name in each search result element */
	.css-1f2yqp0,
	.css-1k6q999,
	.css-8hikq5,
	.css-9g2pc,
	.css-jiut4q,
	.jobsearch-RecentSearchesMixedJobFeed-header,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobComponent-description ol,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobComponent-description p,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobComponent-description ul,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobInfoHeader-subtitle,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobInfoHeader-subtitle.icl-u-textColor--secondary,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobMetadataFooter .icl-u-textColor--success,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobMetadataFooter,
	.jobsearch-ViewJobLayout-changeTextColor .jobsearch-JobMetadataHeader-item,
	.mosaic-provider-jobcards .result .jobCardShelfContainer .jobCardShelf .ialbl.iaTextBlack,
	.mosaic-provider-jobcards .tapItem,
	h1, h2, h3, h4, h5, h6,
	label,
    .icl-u-textBold,
    .jobsearch-JobDescriptionSection-sectionItem *,
    .jobsearch-JobDescriptionSection-sectionItemKey,
    div#jobDescriptionText,
    div.job-snippet ul li,
    div[role="main"],
    div[role="tablist"] button,
    span,
	input,
	.ia-GreyInfoAlert,
	.ia-WorkExperienceSection,
	.ia-PreviewSection-card,
	.card-field__content,
	.css-84ewbe
	{
		/* Change text colour */
		color: var(--color-fg) !important;
	}


	.MosaicProviderRichSearchDaemon .yosegi-FilterPill-pill,
	.MosaicProviderRichSearchDaemon .yosegi-FilterPill-pill *
	{
		/* Secondary background color for filter labels in job search page */
		background-color: var(--color-bg2) !important;
	}


	.MosaicProviderRichSearchDaemon .yosegi-FilterPill-pill,
	.MosaicProviderRichSearchDaemon .yosegi-FilterPill-pill *,
	.mosaic-provider-jobcards .css-10i21hj, .mosaic-provider-jobcards .css-1restlb, /* Job post subheading */
	.mosaic-provider-jobcards .css-o11dc0, /* Job description list preview */
	.mosaic-provider-jobcards .result .underShelfFooter .css-ot0ljy
	{
		/* Secondary text color for filter labels in job search page, etc */
		color: var(--color-fg2) !important;

	}

	.mosaic-provider-jobcards .css-ws1fr0 /* Filter match bubbles (green) */
	{
		border: solid 3px #ffa500 !important;
	}


    .css-g7s71f /* Search result elements */
	{
		border: solid var(--color-border) 1px;
	}

	.mosaic-provider-jobcards .result .jobCardShelfContainer .jobCardShelf .indeedApply .ialbl.iaTextBlack
	{
		/* "Easily apply to this job" text */
		color: green !important;
	}

	.urgentlyHiring
	{
		/* "Urgenrly hiring" text */
		color: pink !important;
	}

	.responsiveEmployer
	{
		/* "Responsive employer" text */
		color: lightblue !important;
	}

	.hiringMultipleCandidates .hiringMultipleCandidatesCaption
	{
		/* "Hiring multiple candidates" text */
		color: orange !important;
	}

	a
	{
		color: var(--color-url) !important;
	}

	@media (min-width: 640px) {
		.jobsearch-TabbedContent-tab.is-desktop
		{
			padding: 0px;
		}
	}

	.jobsearch-TabbedContent-tab.is-desktop
	{
		padding: 0px;
	}

	.jobsearch-DesktopStickyContainer.is-sticky
	{
		padding-top: 0px;
		padding-left: 10px;
		border: solid var(--color-border) 1px;
	}

	/* This makes the middle-aligned homepage list now alighed to the left to save window space */
	/* .jobsearch-RecentSearches-a11yLayout */
	/* { */
	/* 	*/
	/* 	margin: none; */
	/* 	max-width: none; */
	/* } */

	button.kebabMenu-button svg path,
	#gnav-main-container.gnav .gnav-header-1gzi9yo svg g path,
	#gnav-main-container.gnav .gnav-header-1xqhio
	{
		fill: var(--color-svg) !important;
	}

	[dir] #gnav-main-container.gnav .css-pctw5u
	{
		border: solid var(--color-border) 1px;
	}

	.css-s1mpip[aria-selected="true"] /* Selected tab in the "My Jobs" page (Saved, Applied, Archived etc.)*/
	{
		background-color: dimgray;
	}

	[dir] #gnav-footer-container.gnav .icl-GlobalFooter-items:first-child
	{
		/* Make the footer margins smaller */
		margin: 0px;
	}

	.css-l0kfam /* 3 dots (svg) in the Saved Jobs tab */
	{
		color: var(--color-svg);
	}

	.cmp-InlineMccSurvey /* Inline survey */
	{
		/* Hide these elements */
		display: none;
	}

	td.resultContent div.new span.label
	{
		margin-top: 10px;
		background-color: crimson;
		padding: 0px 10px;
		border-radius: 50px;
    	border: 1px solid crimson;
	}

	.css-hppowq /* On a job's listing page, the red border on the company info */
	{
		border: none;
	}

	div.css-1qhdppi.e1wrtnu61 .css-1xqhio, /* Review stars (of 5) svg on an individual posting's page */
	.css-1qhdppi, /* Part of a star filled in on an individual posting's page */
	.css-ln09g1 /* Stars on the homepage when looking at the list of job posts */
	{
		color: gold;
	}

}