Skip to content

Instantly share code, notes, and snippets.

@aniketjs
Last active December 4, 2022 22:03
Show Gist options
  • Save aniketjs/ee18b7f6aac27b4155c93ae23da217e3 to your computer and use it in GitHub Desktop.
Save aniketjs/ee18b7f6aac27b4155c93ae23da217e3 to your computer and use it in GitHub Desktop.
One Dark Color Scheme - Betterdiscord Material Theme

OneDark for Betterdiscord Material Theme

/* https://github.com/CapnKitten/Material-Discord */
:root {
	--od-1: #586071;
	--od-2: #4B5261;
	--od-3: #404653;
	--od-4: #373C47;
	--od-5: #2F333D;
	--od-6: #282C34; /*base*/
	--od-7: #21252B;
	--od-8: #1B1F24;
	--od-9: #161A1E;
	--od-10: #121619;
	--od-11: #0F1215;

	--od-red: #E06C75;
	--od-green: #98c379;
	--od-yellow: #E5c07B;
	--od-blue: #61AFEF;
	--od-magenta: #C678DD;
	--od-cyan: #56B6c2;

	--od-txt: #abb2bf;
	--od-txt-disabled: #495162;

	--accent-hue: 95;
	--accent-saturation: 38%;
	--accent-lightness: 62%;
	--accent-text-color: var(--od-8);
	--accent-button-action: var(--od-8); /*	-	*/
	
	--avatar-radius: 25%; /*	-	*/

	--message-radius: 12px;
	--message-padding-top: 12px;
	--message-padding-side: 12px; /*	-	*/

	--media-radius: 6px; /*	-	*/

	--card-radius: 6px;
	--card-radius-big: 12px; /*	-	*/

	--popout-radius: 5px;
	--popout-radius-big: 10px;

	--app-bg: var(--od-8);
	--main-color: var(--od-8);
	--main-alt: var(--od-8);
	--server-color: var(--od-8);
	--status-picker-color: var(--od-7);
	--sidebar-panel-color: var(--od-8);
	--chat-color: var(--od-8);
	--tooltip-color: var(--od-8);
	--tooltip-text-color: (--od-txt);

	--message-color: var(--od-8);
	--message-color-hover: var(--od-7);
	--message-color-alt: var(--od-8);
	--message-radius: 12px;

	--attachment-color: var(--od-10);
	--main-textarea-color: var(--od-8);
	--main-textarea-color-alt: var(--od-8);
	--main-textarea-border: var(--od-4);
	--main-textarea-radius: 12px;
	--typing-color: var(--txt-disabled);

	--popout-color: var(--od-8);
	--popout-color-alt: var(--od-8);
	--popout-header-border: var(--od-green);
	--separator-color: var(--od-4);
	--popout-radius: 5px;
	--popout-radius-big: 10px;

	--card-color: transparent;
	--card-color-hover: #292b2f;
	--card-color-alt: #2a2c30;
	--card-color-alt-hover: #dcddde;
	--card-radius: 6px;
	--card-radius-big: 12px;

	--button-radius: 6px;
	--button-link-color: 255,255,255;
	--button-link-text-color: #fff;
	
	--slider-color: var(--od-5);
	--switch-knob-color: var(--od-1);
	--switch-slider-color:rgba(65,65,65,0.65);

	--md-ripple-color: 255,255,255;
	--emoji-category-header: rgba(44,47,51,0.95);
	/* --scrollbar-color: var(--od-2); */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment