[Unofficial] TempStyle Shadow - Actual dark theme for GBAtemp v6

[Shadowfied]

I reaaaally like the new look of the site, huge fan of vectors and flat UIs, but it's too bright for me. I've been wanting to do my own take on TempStyle Dark for a long time cause I never liked the default TempStyle Dark that mixed gray and blue.

Introducing TempStyle Shadow!
An actual dark and clean take on the V6 skin!

More screenshots: Profile, Main forum view, In-topic view.

This skin mainly uses 3 shades of gray and white for most UI elements and links. The original orange color appears occasionally as hover color and poll stats, which works really well for my eyes.
This skin also brings back full signatures.

I spent last night and today skinning just about everything I could find ( huge thanks @TheKawaiiDesu for helping me search the site <3 ) and made it dark and nice.

Obviously like with every and anything there will be bugs and quirks, feel free to report those, should you find them.

The theme can be found on Userstyles HERE. To install it from here you need Stylish, but for your own sake, install Stylus (Chrome link - Firefox link) instead.
Note: MAKE SURE YOU HAVE YOUR GBATEMP STYLE SET TO THE NEW SKIN!

 

[Seriel]

oh huh yeah, using this style in conjunction with the official one makes a nice combo, some stuff is weirdly blue but at least it isn't a gross mix of white and grey.
that said, i'll stick with the official blue one, but anyone using this one, switch to the official one as well, it looks much better!

 

[Shadowfied]

1.08 - May 23 2018

- Styled the new downloads section
- Styled the search box to fit better with the official DarkStyle
- Styled the border on profile posts to fit better with the official DarkStyle
- Darkened the accent grey color
- Further improvements to overall system stability and other minor adjustments have been made to enhance the user experience

Download the update through the Stylus manage panel by clicking the update icon!

 

[Shadowfied]

1.09 - June 30 2018

- Styled the new single news view

Download the update through the Stylus manage panel by clicking the update icon!

 

[FAST6191]

Thanks for this.
Minor, and as usual for anything I make exceptionally crude, mod I made this morning to the CSS version from userstyles (owing to my odd setup I had to copy, paste and install) to make it resemble something like the colours of old dark style. The line numbers will vary a bit for the installed version if a conversation on IRC was anything to go by. Not sure what caused that but as you have the whole thing below hopefully you can match whatever needs matching if you need it.

In this case it was lines 384 for the background (#3c3c3c for the main text background, #142638 if you are better than me and can get the outline background working again, #373737 for the page body that is not text boxes, #48525c for any outlines), 598 for the location bar, 740 and down for navigation (#20405f and #42637b). 708 to make the hyperlinks less harsh (#c8c8c8 is the old text colour). #1b3753 is the old header value if that was wanted.

I was playing with colours I pulled from an old PM I had saved, alas I had no copy of anything else to hand to get it really good.

Full credit to Shadowfied for this one -- I don't know this stylish stuff, however I do know colour dropper, inspect element and can narrow things down with a full find and replace which was enough to get me something like what I wanted. I don't expect it to work on the mobile side of things as I was all about the desktop version today.

Edit if you want to have lines between the items in http://gbatemp.net/new/ then add the following in a suitable location.

  .discussionListItem .listBlock
{
border-bottom: 1px solid #505050;
}

/*TempStyle Shadow v1.08 by Shadowfied*/
@-moz-document domain("gbatemp.net")
{

  body p,
html p
  {
    color: #fff !important;
  }

  iframe *
  {
    color: #Fff;
  }

  body
  {
    color: #fff !important;
  }

  .styleChange span:after
  {
    content: " + TempStyle Shadow by Shadowfied";
  }

  table.compatibilitytable, table.compattable,
body.mediawiki #pagehistory li.selected a, #pagehistory li.selected
  {
    color: #434343 !important;
  }

  .rateBlock
  {
    background-image: none !important;
  }

  .primaryContent.review.messageSimple
  {
    margin-bottom: 1em;
  }

  .dataTable.resourceHistory tr.dataRow td
  {
    background-color: #505050 !important;
  }

  body.mediawiki #bodyContent a
  {
    color: #59a3f3 !important;
  }

  #mw-content-text > table > tbody > tr:nth-child(3),
select#month
  {
    color: #fff;
  }

  form .redactor_, .bbCodeBlock pre, .bbCodeBlock pre.prettyprint, .bbCodeBlock .code
  {
    background-color: #232323 !important;
  }

  .xenPreviewTooltip
  {
    border-color: rgba(80, 80, 80, 0.74) !important;
  }

  .xenPreviewTooltip .arrow span
  {
    border-top-color: rgba(80, 80, 80, 0.74) !important;
  }

  #mobile_nav
  {
    background: rgba(35, 35, 35, 0.7);
    border-bottom-color: #909090;
  }

  .messageUserBlock .patron svg,
.messageUserBlock .patron use
  {
    color: inherit !important;
  }

  .pageNavMob .pageNavMobButton a
  {
    border-bottom-color: #808080 !important;
  }
@  media(max-width: 610px)
  {
    html body .Popup .PopupControl.PopupOpen,
    html body .Popup.PopupContainerControl.PopupOpen {
        background-color: transparent !important;
  }

  .Responsive .visitorTabs
  {
    background-color: transparent !important;
  }
}

html
{
  background-color: #0e0e0e;
}

#rc_switch li.active a,
#rc_switch li a:hover
{
  background-color: #404040;
}

.message .signature, .signature .PreviewContainer
.primaryContent
{
  max-height: initial !important;
  height: initial;
  overflow: auto;
}

.likesSummary.secondaryContent
{
  background: #505050 !important;
  background-color: #505050 !important;
  color: #d9d9d9;
}

.bbCodeQuote .quoteContainer .quoteExpand
{
  background: linear-gradient(to bottom, rgba(16, 16, 16, 0) 0%, rgb(84, 84, 84) 80%);
}

.message .signature:after
{
  display: none;
}

#navigation .navTab:hover
{
  background-color: initial;
}

a.OverlayTrigger:hover
{
  background-color: #0571b5;
}

.dataTable tr.dataRow th
{
  background: initial !important;
  background-color: initial !important;
}

#loginBar form.eAuth,
#loginBar form.eAuth .ctrlUnit
{
  background-color: #505050 !important;
}

li.news_item.compact h3
{
  background-color: #404040 !important;
}
/*form .redactor_,
.bbCodeBlock pre,
.bbCodeBlock pre.prettyprint,
.bbCodeBlock .code {
    background-color: #ececec !important;
}*/
.blockLinksList a:hover,
.blockLinksList a:focus,
.blockLinksList li.kbSelect a,
.blockLinksList label:hover,
.blockLinksList label:focus,
.blockLinksList li.kbSelect label,
.Touch .xenOverlay .formOverlay
{
  background-color: #303030;
}

.PageNav span.pageNavDesktop a.currentPage
{
  background-color: #303030 !important;
}

.redactor_dropdown
{
  background-color: #909090;
}

.portal_block h3,
.sidebar h3,
.footer,
.profilePage .mast .section.infoBlock h3,
.nodeList .categoryStrip,
.blueHeader,
dl.sectionHeaders,
li.sectionHeaders,
.avatar img,
.avatar .img,
.avatarCropper,
#main-title,
#main-title-right,
.navigationSideBar .heading,
h1,
.dynamicTitle,
.xenOverlay .formOverlay .heading,
.blueHeaderSubtitle,
#main_question .ask_header,
.ask_header,
#commentsTitle,
.xenOverlay .section .heading,
.xenOverlay .sectionMain .heading,
.main-title,
#review_main .blueHeader,
.review_subheader,
.attachedFiles .attachedFilesHeader,
.prefix.prefixPrimary,
.larger.textHeading,
.xenForm .sectionHeader,
.xenForm fieldset + .ctrlUnit,
.xenForm .formGroup + .ctrlUnit,
.xenForm .submitUnit,
.Touch .xenOverlay.lightBox #LbUpper,
.Touch .xenOverlay.lightBox #LbLower,
.button:hover,
.button[href]:hover,
.buttonProxy:hover .button,
.titleBar h1,
.balloon .likesSummary,
.xenOverlay .formOverlay .textCtrl:focus,
.xenOverlay .formOverlay .textCtrl.Focus,
.navigationSideBar a:hover,
.navigationSideBar .secondaryContent,
.tabs li.active a,
.tabs.noLinks li.active,
.tabs li:hover a,
.tabs.noLinks li:hover,
#customize_table td ul,
#main-title-container,
.convessKickRecipient a:hover,
.xenOverlay .tabs,
.blockLinksList a:active,
.blockLinksList li.kbSelect a:active,
.blockLinksList a.selected,
.blockLinksList li.kbSelect a.selected,
.blockLinksList label:active,
.blockLinksList li.kbSelect label:active,
.blockLinksList label.selected,
.blockLinksList li.kbSelect label.selected,
.pollBlock .pollOption label:hover,
.Popup .PopupControl:hover,
.Popup.PopupContainerControl:hover,
#taigachat_full .taigachat_title,
.chooserColumns li a:hover,
.discussionListItem .noteRow,
#ReviewEditForm h2,
select,
option,
#jumpMenu .nodeList li.d0,
.dataTable tr.dataRow th,
.smilieList .smilieText,
.thread_create .xenForm,
.thread_reply .xenForm,
.conversation_add .xenForm,
.conversation_reply .xenForm,
.cc_container .cc_btn:hover,
.cc_container .cc_btn:active,
.xenForm,
.PanelScroller .scrollContainer,
.PanelScrollerOff .panel,
.PanelScroller .panel,
.PanelScrollerOff .panel,
ul.autoCompleteList li.selected,
.xenOverlay.memberCard .userLinks,
.xenOverlay.lightBox #LbUpper,
.xenOverlay.lightBox #LbLower,
.lightBox .thumbsContainer,
#accountwrapper .PageNav,
.messageList
.newMessagesNotice, .bbCodeHeader,
#QuickSearch .secondaryControls,
#mw-content-text > table > tbody > tr:nth-child(1) > td,
body.mediawiki #bodyContent,
body.mediawiki .mainpageheader,
#main_sidebar .block_content,
#main_sidebar .block_bottom,
#mw-content-text > table > tbody > tr:nth-child(2) > td:nth-child(1),
#mw-content-text > table > tbody > tr:nth-child(2) > td:nth-child(2),
#mw-content-text > table > tbody > tr:nth-child(3) > td,
body.mediawiki .catlinks,
table.navbox,
.navbox-list,
#toc, .toc, .mw-warning,
.xenOverlay .errorOverlay,
#DLCResourceTitle
{
  background-color: #303030 !important;
  background: initial;
  border-color: #505050;
  border-bottom-color: #505050;
  border-left-color: #505050;
}

.messageList
.newMessagesNotice
{
  background: none !important;
}

body,
#headerMover #headerProxy,
.AvatarEditor .avatarOption,
.subViewBlock,
.sectionMain,
.score_comment,
#review_content,
.xenForm .ctrlUnit > dd .textCtrl,
.xenForm .ctrlUnit,
.xenOverlay .formOverlay,
#rc_switch li,
.visitorTabs,
.xenOverlay > .section,
.xenOverlay > .sectionMain,
.xenOverlay .formOverlay .textCtrl,
.formPopup,
.gbatemp_ask_question_view .section,
.balloon,
#StackAlerts .stackAlertContent,
.formPopup .controlsWrapper,
.Popup.PopupContainerControl.PopupOpen,
.Menu .menuHeader,
.Menu,
.secondaryContent,
.sectionFooter,
.profilePage .primaryUserBlock .userStatus,
.profilePage #ProfilePanes,
.profilePage .messageSimple,
#portal_left_navigation li ul,
.sidebar .secondaryContent,
.sidebar .sectionFooter,
.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo,
.node .nodeLastPost,
#taigachat_box,
.ugc a:hover,
.ugc a:focus,
#taigachat_box li,
ol.discussionListItems,
.discussionListItem,
.discussionListItem .posterAvatar,
.discussionListItem .stats,
.forum_who_is_viewing_list,
body .itemPageNav a,
.messageList .message,
.xenOverlay.memberCard,
.quickReply,
.redactor_box,
.redactor_toolbar,
.review_list,
.navigationSideBar .section,
.primaryContent,
.sectionMain p,
.entries .entry,
.tabs li a,
.tabs.noLinks li,
.dynamicMain,
#review_approach,
.textCtrl .Popup .PopupControl.prefix.noPrefix,
#portal_left_navigation li:hover,
.messageList .message.alt,
.mainContentBlock .primaryContent,
.bbCode > dl > dd,
#customize_form,
.block_title,
.convessKickRecipient a,
.bbCodeEditorContainer textarea,
ul.autoCompleteList,
ul.autoCompleteList li:hover
{
  color: #fff;
  background-color: #3c3c3c !important;
  background: #232323;
  border-color: #505050;
}

.PrefixMenu .PrefixGroup h3
{
  background: initial;
  color: #fff;
}

.PrefixMenu .PrefixGroup h3:hover,
body.mediawiki h1, body.mediawiki h2, body.mediawiki h3, body.mediawiki h4, body.mediawiki h5, body.mediawiki h6
{
  color: #fff;
}

.attachedFiles,
.profilePage .primaryUserblock,
.discussionList .sectionFooter,
.block_prefs,
.Touch .xenOverlay .section,
.Touch .xenOverlay .sectionMain,
#taigachat_full .primaryContent,
hr,
.gbatemp_review_edit .sectionMain,
.xenOverlay.lightBox,
.attachment .boxModelFixer,
.attachment .thumbnail
{
  border-color: #505050;
  border-left-color: #505050;
}

.profilePage .primaryUserBlock .userStatus:after,
.profilePage .primaryUserBlock .userStatus:before
{
  border-color: #505050 transparent #505050 transparent;
  background-color: transparent;
}

.bbCodeQuote .quoteContainer,
.bbCodeSpoiler .spoilerContainer,
.attachedFiles .attachedFilesHeader
{
  background-color: #353535;
  border-top: 4px solid #505050;
  border-bottom: 4px solid #505050;
  border-right: 4px solid #505050;
}

.navPopup .PopupItemLinkActive:hover,
.breadcrumb .crust:hover a.crumb,
#redactor_modal_close
{
  background-color: #505050;
}

#loginBar .textCtrl,
.textCtrl
{
  border-color: #505050;
  background-color: #232323;
}

.profilePage .tabs,
.section.primaryUserBlock,
#loginBar #loginBarHandle,
.tabs
{
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}

.tabs
{
  border-bottom: 2px solid #505050;
}

.visTab:hover,
.prefix.prefixGreen,
strong.newIndicator,
#pros,
#cons,
body.mediawiki #primary_nav ul li.active a
{
  color: #c8c8c8 !important;
}

.prefix.prefixGreen:hover
{
  color: #fff;
}

#loginBar,
#loginBar #loginBarHandle,
#loginBar .ctrlUnit,
#loginBar form.eAuth .ctrlWrapper,
.PageNav .pageNavDesktop .currentPage,
.messageUserBlock div.avatarHolder,
.messageUserBlock,
.userBanner.gb21,
.userBanner.gb2,
.UserInfo .MsgsLikes,
.xenOverlay.memberCard .userInfo .userStats dl,
.blueHeaderCompact,
.bbCodeQuote,
.bbCodeQuote .attribution,
.bbCodeBlock .type,
.bbCodeBlock,
.PageNav a,
.category_review_score,
.xenOverlay a.close,
.postContent .likesSummary,
.postContent .likesSummary svg,
.attachedFiles .attachmentList,
a.callToAction span,
.xenOverlay .formOverlay .heading,
.xenOverlay.memberCard .userLinks a:hover,
.visitorTabs .visTab:hover,
a.OverlayTrigger:hover,
.Popup .PopupControl.PopupOpen,
.Popup.PopupContainerControl.PopupOpen,
#mobile_nav a:hover,
.xenOverlay .errorOverlay .heading,
.tagLine.muted,
.imageCollection,
.rateBlock,
.primaryContent.review.messageSimple,
.resourceListItem .resourceImage, .resourceListItem .resourceStats,
.resourceListItem,
.resourceListMain .blueHeader > span,
.categoryGrid .category.simple a,
#accountMenuXP,
.messageSimpleList,
#QuickSearch .searchBox.textCtrl,
.promoNews #promoNews-block
{
  color: #fff;
  border-color: #333;
  border-right-color: #333;
  border-left-color: #333;
  background-color: #333 !important;
  background: #333;
}

.visitorTabs .Popup .PopupControl.PopupOpen:hover,
.Popup.PopupContainerControl.PopupOpen:hover
{
  background-color: #505050 !important;
  background: #505050 !important;
}

.UserInfo .MsgsLikes
{
  background: #606060;
  border: 2px solid #303030;
  border-radius: 5px;
}

.horiz-line:after,
.balloon .arrow
{
  display: none;
}

.section.primaryUserBlock
{
  border-bottom: 2px solid #505050;
  border-bottom-color: #505050;
}

.profilePage .primaryUserBlock,
.profilePage .userStats dt,
.profilePage .userStats dl,
.profilePage .userStats dd,
.profilePage .tabs.mainTabs a
{
  border-color: #505050;
  background-color: #232323;
  background: #232323;
  color: #fff;
}

#portal_left_navigation,
.profilePage .messageInfo,
.profilePage .comment,
.messageSimple .comment,
.messageSimple .secondaryContent,
.messageSimple svg,
.PageNav .pageNavDesktop a:hover,
.PageNav .pageNavDesktop a,
.navPopup .listItem,
.xenOverlay .formOverlay .avatar img,
.xenOverlay .formOverlay .avatar .img,
.xenOverlay .formOverlay .avatarCropper,
.xenOverlay.memberCard .userLinks a
{
  color: #d9d9d9;
  border-color: #505050;
  background: #303030;
}

#gbatemp_portal_nav,
.breadcrumb,
.breadcrumb .crust,
.breadcrumb .crust a.crumb,
.breadcrumb .crust:last-child a.crumb,
.breadcrumb .crust:last-child,
.breadcrumb .jumpMenuTrigger
{
  color: #fff;
  border-color: #505050;
  background-color: #20405f;
}

body .muted,
body .muted a,
.pairsJustified dt,
.pairs dt,
.pairsInline dt,
.pairsRows dt,
.pairsColumns dt,
.pairsJustified dt,
.profilePage .messageInfo,
.blockLinksList a,
.blockLinksList label,
.PageNav .pageNavHeader,
.PageNav a,
.PageNav .scrollable,
.subForumsPopup .dt,
.explain,
.explain .CurrentStatus,
span.LikeText,
.searchResult .meta,
.event .content .description,
.event .content .DateTime,
.event .content .description em
{
  color: #d9d9d9;
}

.profilePage textarea,
input.button.primary,
.button,
.xenOverlay .sectionFooter .button,
.xenOverlay .sectionFooter .buttonContainer,
.button.primary
{
  background-color: #303030;
  background: #303030;
  color: #fff;
}

.profilePage textarea,
.profilePage .messageInfo,
input.button.primary,
.button
{
  border: 1px solid #505050;
  border-radius: 5px;
}

.profilePage a.avatar img
{
  border: 2px solid #505050;
  padding: 0.5em;
}

.xenForm .sectionHeader,
.xenForm .formHeader
{
  margin: 0;
  padding: 1em;
}

.profilePage .arrow
{
  display: none;
}

#news_list a,
.featured_item a,
#gbatemp_portal_nav a,
a:link,
a:visited,
#copyright,
.visitorTabs svg,
.sectionFooter a,
.secondaryContent a,
.profilePage .messageInfo a,
dl.sectionHeaders a,
li.sectionHeaders,
.UserInfo .ts2icon.MsgsLikesIcon,
.xenOverlay.memberCard .userLinks,
.messageUserBlock .UserInfo,
.messageUserBlock .extraUserInfo,
#QuickSearch .searchBox.textCtrl,
.blueHeaderSubtitle,
#commentsTitle,
.primaryContent a,
#review_main .blueHeader,
.review_subheader,
.attachedFiles .attachedFilesHeader,
span.prefixText,
.larger.textHeading,
.xenForm .sectionHeader,
.prefix.prefixPrimary,
.explain,
.textCtrl,
.textHeading,
.xenForm .sectionHeader,
.linkGroup a,
a.button,
.discussionListItem .noteRow,
.xenOverlay .formOverlay .textCtrl option,
.smilieList .smilieText,
span.Tooltip span + span,
.edit_help,
.ts2icon,
.xenOverlay .formOverlay a,
.resourceList .resourceNote
{
  color: #c8c8c8 !important;
}

#news_list li,
.portal_block .block_content,
.nodeList .node.level_2,
.nodeList .node.level_2:last-child,
#QuickSearch .searchBox.textCtrl,
.profilePostListItem,
.messageUserBlock,
.category_review + .category_review,
.navigationSideBar .subHeading,
.thread_create .xenForm,
.thread_reply .xenForm,
.conversation_add .xenForm,
.conversation_reply .xenForm,
.nodeList .categoryStrip,
.portal_block
{
  border-color: #505050 !important;
}

.messageUserBlock .arrow
{
  border-top-color: #505050;
}

.visitorTabs a:hover svg
{
  color: #fff;
}

#navigation,
#navigation:before,
#navigation:after
{
  background-color: #20405f;
}

#navigation
{
  top: 79px;
}

#navigation .pageContent
{
  background-color: #20405f;
}

.news_item h3
{
  background-color: initial;
}

#news_list .news_item.full,
.portal_block .block_content,
.review_intro,
.news_item
{
  background-color: #404040;
  color: #d9d9d9;
}

svg,
.news_data_time,
.primaryContent
{
  color: #d9d9d9;
}

.featured_item span
{
  background-color: #101010;
}

.review_title
{
  background-color: rgba(16, 16, 16, 0.8);
  color: #fff;
}

#review_list,
#news_list li:last-child
{
  border-color: #505050;
}

.tabs li a,
.tabs a
{
  border-bottom: 0px;
}
  
}
/*TempStyle Shadow v1.08 by Shadowfied*/

 

[Shadow#1]

I have uninstalled this theme yet its still exist i even cleared cache data for gbatemp HELP

Should be the white theme

 

[Shadow#1]

@Shadowfied any help?

 

[Shadowfied]

@Shadowfied any help?

It obviously hasn't been removed. Make sure it's removed from Stylus, or even remove Stylus. Not sure why you're asking me though.

 

[Shadow#1]

It obviously hasn't been removed. Make sure it's removed from Stylus, or even remove Stylus.

still dont get it i even removed the styles plugin and its still active

 

[Shadowfied]

still dont get it i even removed the styles plugin and its still active

Are you sure you don't have both Stylish and Stylus installed and you're checking the wrong one?
Try removing the plugin altogether.