/* ==UserStyle==
@name           Mega.nz Dark Theme
@version        1.0.2
@author         Hussein Esmail
@description    `A dark theme for mega.nz`
@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_mega.user.css
==/UserStyle== */

@-moz-document domain("mega.nz") {

    :root {
        --color-bg: #141414;            /* Default background color */
        --color-fg: #f8f8f8;            /* Default text color */
        --color-fg-secondary: #eeeeee;
        --color-bg-secondary: #242424;
        --color-fg-button: black;
        --color-bg-table: #31363a;
        --table-hover-color: #222222;
        --color-bg-search: white;
        color-scheme: dark;                 /* Used to get dark scroll bars */

    }

    div.js-myfiles-panel,
    nav.nw-fm-left-icons-panel,
    .lp-storage-usage .storage-usage-panel,
    div.files-grid-view,
    div.fm-filter-chips-wrapper
	{
		/* Panel with "Cloud Drive", "Recents", "Rubbish bin", etc. */
		background-color: var(--color-bg);
		border: 1px solid #242424;
	}

	.nw-fm-left-icons-panel .bottom-icons
	{
		/* Bottom buttons on left nav */
		bottom: unset;
	}

	.lp-header
	{
		/* "My files" header above "Cloud Drive" panel */
		padding: 3px 10px;
		border-bottom: 3px solid #242424;
	}


	.lp-header span,
	.lp-gallery, .lp-myfiles,
	section.topbar,
	.fm-right-header,
	.dropdown,
	.dropdown.body,
	.link-button.dropdown .dropdown-content,
	.link-button.dropdown .dropdown-btn
	{
		color: var(--color-fg);
		background-color: var(--color-bg);
	}

	/* Items to hide */
	button[data-link="upgrade"], /* Upgrade plan button near storage size */
	.grid-table.fm.v-fav [megatype="fav"], /* Fav colum in Files Table */
	div.dropdown.body.files-menu.context div.dropdown-section a.dropdown-item.rewind-item, /* "Rewind" on right click menu */
	nav.nw-fm-left-icons-panel .icon-gallery-before, /* sidebar button for "Photos" */
	nav.nw-fm-left-icons-panel .icon-chat-before, /* sidebar button for "Chat" */
	nav.nw-fm-left-icons-panel .icon-backup-before, /* Sidebar button for "Devices" */
	nav.nw-fm-left-icons-panel .icon-business-before, /* Sidebar button for "MEGA Pass */
	nav.nw-fm-left-icons-panel .icon-pwm-before, /* Sidebar button for "MEGA Pass */
	div.content-area.js-myfiles-panel.ps div.shared-panel, /* Second sidebar  "Shared Items" list */
	div.fm-header-buttons button.fm-rewind, /* "Rewind" button at header */
	div.dropdown.js-dropdown-notification /* Notifications button at header */
	{
		display: none;
	}

	.topbar .searcher-wrapper
	{
		justify-content: unset;
		margin-inline-start: 0px;
	}

	.topbar-searcher
	{
		/* Expanding the width of the top search bar */
		max-width: unset;
	}

	.dropdown.body,
	.link-button.dropdown .dropdown-content,
	.link-button.dropdown .dropdown-btn
	{
		border-radius: 0px;
	}
	.dropdown.body.context,
	.link-button.dropdown .dropdown-content,
	.link-button.dropdown .dropdown-btn
	{
		box-shadow: unset;
	}

	.selection-status-bar,
	.files-grid-view.fm .column-settings.overlap,
	.grid-table th, /* Header line in files table */
	.grid-table th:first-child::after,
	.grid-table th:last-child::before
	{
		background-color: var(--color-bg-secondary);
	}

	.grid-table th:first-child::after
	{
		left: -26px;
	}

	div.left-pane-drag-handle.ui-resizable-handle.ui-resizable-e /* Side panel resize line (draggable) */
	{
		background-color: var(--color-bg-secondary);
	}

	.mega-top-menu .menu .nav-elem {
		 padding: 0px 24px;

	}


}