Skip to content

SkeuoCord for Web Discord by lukewt1017

Screenshot of SkeuoCord for Web Discord

Details

Authorlukewt1017

LicenseNo License

Categoryhttp://discord.com

Created

Updated

Size831 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A true 1:1 port of SkeuoCord's CSS to Stylus.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         SkeuoCord for Web Discord
@version      20240406.20.42
@namespace    https://userstyles.world/user/Marda33, ported by lukewt1017
@description  A true 1:1 port of SkeuoCord's CSS to Stylus.
@author       Marda33, ported by lukewt1017
==/UserStyle== */

@-moz-document url-prefix("https://discord.com/") {
/**
 * @name SkeuoCord for Web Discord
 * @author lukewt1017
 * @version Auto Update
 * @description A true 1:1 port of SkeuoCord's code to Stylus.
 * @website https://github.com/Marda33/SkeuoCord
 * @source https://marda33.github.io/SkeuoCord/updates/SkeuoCordBase.css
*/

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@600&display=swap');
.textBadge_f05120:not([class*="bot"]) {
	font-family: "Source Sans 3", "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height: 18px;
}
 .noIcon__06e39.iconSizeSmol__44614 {
	line-height: 18px;
}
 .heading__388a7, .wrapper_ac2306 .heading__60ac6 {
	font-family: var(--font-display);
}
 
:root {
	--version: "1.36";
	--maskradius: 2px; /*default: 2px*/
	--avatarradius: 3px; /*default: 3px*/
	--smallavatarradius: 2px; /*default: 2px*/
	--medavatarradius: 4px; /*default: 4px*/
	--largeavatarradius: 5px; /*default: 5px*/
}

.info__755e1::before {
  display: block;
  content: "SkeuoCord " var(--version);
  color: hsl(218, calc(var(--saturation-factor, 1) * 5%), 47%);
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 8px;
  margin-bottom: 6px;
}

.theme-dark *, .theme-light .container_b9efb5.warning__4da7a .text__5191a, .theme-light .cardWarning-WRe-Qa .warning-39fhcZ, .theme-light .userProfileOuterThemed__1fbd7.theme-dark * {
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6);
}
.theme-light * {
	text-shadow: 0px 0px 5px rgba(114,114,114,0.5);
}
.theme-light .markup_a7e664, .theme-light .navList__5c9f4 *, .theme-light .panels__58331 * {
	text-shadow: 0px 0px 5px rgba(114,114,114,0.5) !important;
}
.sidebar_e031be.theme-dark *, .sidebarRegion__36437.theme-dark * {
	text-shadow: 0px 0px 5px rgba(0,0,0,0.6) !important;
}
.button__581d0 * {
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5) !important;
}
/* ------ */

.sidebar_e031be.theme-dark .container__7e23c, .sidebar_e031be.theme-dark .scroller__89969 {
	border-left: none !important;
}
.sidebar_e031be, .sidebar_e031be.theme-dark {
	background: rgb(92,92,92);
	border-radius: 0 !important;
}
.theme-light .sidebar_e031be {
	background: rgb(60,60,60);
	border-radius: 0 !important;
}
.chat__52833.threadSidebarOpen__62c31, .wrapper__6bf2d.noChat_ce920d.chatSidebarOpen_f2e544 .callContainer__1477d {
	border-radius: 0;
	border-right: none !important;
}
.resizeHandle_cc9d34 {
	width: 1px;
	box-shadow: inset 0 0 0 1px rgb(92,92,92);
}
.container__694a1 {
	margin-left: 0;
	border-radius: 0;
	/*thread sidebar*/
}
.theme-light .container__694a1 .container__26baa {
	border-left: none !important;
}

.container_cd7d9c {
	padding-bottom: 5px;
}

/*App Borders*/
.baseLayer__2b890, .standardSidebarView__12528, .perksModal-CLcR1c, .layerContainer-2v_Sit .backdrop__1a911.withLayer__29ace, .directoryModal-YJsOMv, .cardPrimary_cb7a0e.outline__16075, .scroller__7d61e, .backdrop__1a911.withLayer__29ace, .directoryContainer__36395, .shop_b31ed2 {
	border: 1px solid rgb(92,92,92);
}
.theme-light .baseLayer__2b890, .theme-light .standardSidebarView__12528, .theme-light .perksModal-CLcR1c, .theme-light .layerContainer-2v_Sit .backdrop__1a911.withLayer__29ace, .theme-light .directoryModal-YJsOMv, .theme-light .scroller__7d61e, .theme-light .backdrop__1a911.withLayer__29ace, .theme-light .directoryContainer__36395, .theme-light .shop_b31ed2 {
	border: 1px solid rgb(60,60,60);
}
.theme-light .cardPrimary_cb7a0e.outline__16075 {
	border: 1px solid rgb(60,60,60,0.6);
}
.theme-dark .container_ec90d4 {
	border-left: 1px solid rgb(92,92,92);
}
.theme-light .container_ec90d4 .contentPanel__463ae {
	border-left: 1px solid rgb(60,60,60);
}
.sidebarRegionScroller__8113e, .themeEditor__8f359 {
	border-right: 1px solid rgb(92,92,92);
}
.theme-light .sidebarRegionScroller__8113e, .theme-light .themeEditor__8f359 {
	border-right: 1px solid rgb(60,60,60);
}
.theme-light .wrapper__216eb.guilds__2b93a, .theme-light .container__26baa, .theme-light .pageWrapper_c182d3 .scroller-3j5xK2, .theme-light .noChannel__28db0, .theme-light .tabBar_d4764b + .chat__52833, .theme-light .sidebar_e031be .thin__62e51:not([class*="scroller_"]), .theme-light .themeEditor__8f359, .theme-light .repoScroller_9JnAPs {
	border-top: 1px solid rgb(60,60,60) !important;
}
.wrapper__216eb.guilds__2b93a, .container__26baa, .wrapper__216eb.guilds__2b93a.theme-dark, .pageWrapper_c182d3 .scroller-3j5xK2, .noChannel__28db0, .tabBar_d4764b + .chat__52833, .sidebar_e031be .thin__62e51:not([class*="scroller_"]), .themeEditor__8f359, .repoScroller_9JnAPs {
	border-top: 1px solid rgb(92,92,92) !important;
}
.theme-dark .wrapper__6bf2d.minimum__7f356, .theme-dark .stageSection-3mAD8V, .video-1j0A3v, .themeEditor__8f359, .settingsBanner__01382, .header_b9d0dd {
	border-bottom: 1px solid rgb(92,92,92);
}
.theme-light .wrapper__6bf2d.minimum__7f356, .theme-light .stageSection-3mAD8V, .theme-light .video-1j0A3v, .theme-light .themeEditor__8f359, .theme-light .settingsBanner__01382, .theme-light .header_b9d0dd {
	border-bottom: 1px solid rgb(60,60,60);
}
.platform-win .layer_f7d46a {
	padding-top: 21px;
}
/* ------ */

.sidebarRegionScroller__8113e {
	width: 237px;
}

.theme-light .container_d1f8f5, .theme-light .layer_f7d46a, .theme-light .wrapper__216eb, .theme-light .scroller_c92337, .theme-light .contentRegionScroller__9ae20, .theme-light .perksModal-CLcR1c, .theme-light .scroller-3j5xK2, .theme-light .customScroller_b96e1e, .theme-light .scroller__32e73, .theme-light .container-3wLKDe, .theme-light .content__01e65 [data-list-id="message-requests-list"], .theme-light .directoryModal-YJsOMv, .theme-light .scroller_de945b, .theme-light .homeContainer_c36871, .theme-light .repoScroller_9JnAPs, .theme-light .scroller__7d61e, .theme-light .scrollerContainer_dda72c, .theme-light .container__6b2e5, .theme-light .chat__52833.background__2fff8, .theme-light .container_ec90d4:not(.contentColumn__5f80b[id="family-center-tab"] .container_ec90d4), .theme-light .page_e5cc79, .theme-light .directoryContainer__36395, .theme-light .shop_b31ed2, .theme-light .container_b92032, .theme-light .content__3c252 {
	background: linear-gradient(to top, transparent 30%, hsl(45, calc(var(--saturation-factor, 1) * 4.8%), 83.5%) 100%) !important;
	background-color: hsl(40, calc(var(--saturation-factor, 1) * 5.7%), 89.6%) !important;
	/*main background - light mode*/
}
.container_d1f8f5, .theme-dark .layer_f7d46a, .theme-dark .wrapper__216eb, .scroller_c92337, .contentRegionScroller__9ae20, .theme-dark .perksModal-CLcR1c, .theme-dark .scroller-3j5xK2, .theme-dark .customScroller_b96e1e, .theme-dark .scroller__32e73, .container-3wLKDe, .content__01e65 [data-list-id="message-requests-list"], .directoryModal-YJsOMv, .scroller_de945b, .wrapper__216eb.guilds__2b93a.theme-dark .scroller_de945b, .bg__12180.theme-dark .layers__1c917.layers_a23c37 .layer_f7d46a.baseLayer__2b890 .container_d1f8f5 .base_c0676e .content__76dcf, .homeContainer_c36871, .repoScroller_9JnAPs, .scroller__7d61e, .scrollerContainer_dda72c, .container__6b2e5, .chat__52833.background__2fff8, .theme-dark .container_ec90d4:not(.contentColumn__5f80b[id="family-center-tab"] .container_ec90d4), .page_e5cc79, .directoryContainer__36395, .shop_b31ed2, .container_b92032, .content__3c252 {
	background: linear-gradient(to top, transparent 30%, hsl(210, calc(var(--saturation-factor, 1) * 7.7%), 5.1%) 100%) !important;
	background-color: hsl(216, calc(var(--saturation-factor, 1) * 5.7%), 17.1%) !important;
	/*main background*/
}
.custom-theme-background .layer_f7d46a {
	background: var(--custom-theme-background) !important;
}
.custom-theme-background .container_d1f8f5, .custom-theme-background .privateChannels__9b518, .custom-theme-background .contentRegion__08eba, .custom-theme-background .wrapper__216eb, .custom-theme-background .sidebar_e031be, .custom-theme-background .chat__52833, .custom-theme-background .container_bd15da, .custom-theme-background .standardSidebarView__12528, .custom-theme-background .container__03ec9 {
	background: transparent !important;
}
.custom-theme-background.theme-light .scroller_de945b, .custom-theme-background.theme-light .contentRegionScroller__9ae20, .custom-theme-background.theme-light .scrollerContainer_dda72c, .custom-theme-background.theme-light .container__6b2e5, .custom-theme-background.theme-light .chat__52833.background__2fff8, .custom-theme-background.theme-light .container_ec90d4 {
	background: linear-gradient(to top, transparent 30%, hsla(45, calc(var(--saturation-factor, 1) * 4.8%), 83.5%, 0.54) 100%) !important;
	background-color: hsla(40, calc(var(--saturation-factor, 1) * 5.7%), 89.6%, 0.54) !important;
}
.custom-theme-background.theme-dark .scroller_de945b, .custom-theme-background.theme-light .wrapper__216eb.guilds__2b93a.theme-dark .scroller_de945b, .custom-theme-background.theme-dark .contentRegionScroller__9ae20, .custom-theme-background.theme-dark .scrollerContainer_dda72c, .custom-theme-background.theme-dark .container__6b2e5, .custom-theme-background.theme-dark .chat__52833.background__2fff8, .custom-theme-background.theme-dark .container_ec90d4 {
	background: linear-gradient(to top, transparent 30%, hsl(210, calc(var(--saturation-factor, 1) * 7.7%), 5.1%, 0.63) 100%) !important;
	background-color: hsl(216, calc(var(--saturation-factor, 1) * 5.7%), 17.1%, 0.63) !important;
}

.theme-dark .scroller-3j5xK2, .theme-dark .container-36u7Lw, .theme-dark .scroller__32e73, .scrollerWrapper-i8p1JZ {
	border-left: 1px solid rgb(92,92,92);
}
.theme-light .container-36u7Lw, .theme-light .scroller__32e73, .theme-light .scrollerWrapper-i8p1JZ {
	border-left: 1px solid rgb(60,60,60);
}
.theme-light .libraryHeader__19be0.container__26baa, .tabBar_d4764b + .chat__52833, .theme-light .tabBar_d4764b + .chat__52...

Reviews

No reviews yet.