[Release] Dark MTX

Utile ?


  • Total des votants
    25
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
Bonjoir tout le monde, vous voulez un MTX plus sombre ? Vous ne voulez plus avoir mal aux yeux la nuit ? Alors il existe une solution :

Dark MTX

C'est un thème pour rendre l'aspect du forum plus sombre, adieu le blanc aveuglant, BONJOUR LE NOIR DE LA NUIT !

- Mais comment je l'installe ?
> Tout d'abord il faut installer Stylish, une extension plutôt intéressante qui permet de changer l'aspect des sites web ( Firefox => https://addons.mozilla.org/fr/firefox/addon/stylish/ Chrome => https://chrome.google.com/webstore/...es-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=fr )
puis ensuite installer le thème Dark MTX, pour cela vous devez créer un nouveau thème s'appliquant que sur mtxserv.fr/forums/ et mettre comme code ( voir en bas )
Et hop! Vous avez un forum sombre agréable aux yeux

- Mais ça va changer quoi ?
> Tu n'auras plus de douleurs intenses aux paupières à force de cligner des yeux !

- C'est moche / Y'a des trucs encore blanc
> Et bien dis-moi où est le problème et je m'en occuperais le plus rapidement possible !

- C'est beau
> Cool :D

Thème:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
.p-body { background-color: #141414 !important;
}
.message-cell.message-cell--main { background-color: #222 !important; color: #ddd;
}
.message-cell.message-cell--user { background-color: #111 !important; border: none !important;
}
.block--messages .message { border: none !important; color: #ddd !important; background: #141414 !important;
}
.message-signature { border-top: 1px solid #444 !important;
}
.message-attribution { border-bottom: 1px solid #444 !important;
}
.th_reactions__listItem { border: 1px solid #444 !important;
}
.reaction-count { background-color: #282828 !important;
}
.bbCodeBlock { background-color: #111 !important; border: none !important; border-left: 2px solid #f2930d !important;
}
.bbCodeBlock-title { background-color: #131313 !important;
}
#siropuChatBar { background-color: #111 !important; color: #ddd !important; border: none !important;
}
.siropuChatTag { color: #999 !important;
}
.siropuChatTag:hover { color: #bbb !important;
}
.pageNav-page, .pageNav-jump { background: #121212 !important; border: 1px solid #333 !important;
}
.pageNav-page:last-child { border-left: none !important;
}
.block-container { border: none !important; background: none !important;
}
.fr-toolbar { background: #222 !important; color: #ddd !important;
}
.fr-desktop .fr-command { color: #ddd !important;
}
.fr-command { background-color: #222 !important;
}
.fr-wrapper { background-color: #111 !important; border: none !important; color: #ddd !important;
}
.fr-view { color: #ddd !important;
}
.pageNav-page:hover, .pageNav-jump:hover { background-color: #090909 !important;
}
.button.button--link { background: #222 !important; border: 1px solid #555 !important;
}
.button.button--link:hover { background: #191919 !important;
}
.siropuChatDateTime { background: #191919 !important; color: #bbb !important;
}
#siropuChatBarUserCount { border-left: 1px solid #555;
}
#siropuChatBarUserCount > a { background: #111 !important;
}
form.block > block-container { background: #fff !important;
}
.block:not(.block--messages) > .block-container { background: #242424 !important; color: #ddd !important; border: none !important;
}
.block-footer, .block-header { background: #242424 !important; border: none !important;
}
.block-header { border-bottom: 1px solid #666 !important;
}
.block-separator { border-top: 1px solid #666 !important;
}
.pollResult:hover { background: #1a1a1a !important;
}
.message-userArrow::after, .message-userArrow { border-right-color: #222 !important;
}
.siropuChatMention { color: black !important;
}
.bbCodeBlock-expandLink { background: linear-gradient(transparent, black) !important;
}
.contentRow-fader { background: none !important;
}
.block-row.block-row--alt { background: #111 !important; color: #DDD !important; border-top: 1px solid #666 !important;
}
.block-row.block-row--highlighted { background: #002424 !important; color: #DDD !important;
}
.menu-content, .menu-row { background: #242424 !important; color: #DDD !important;
}
.menu-header { background: #242424 !important; border-bottom: 1px solid #666 !important;
}
.menu-footer { background: #242424 !important; border-top: 1px solid #666 !important;
}
.menu-row:hover { background: #1B1B1B !important;
}
.menu-row.menu-row--highlighted { background: #002424 !important;
}
.menu-linkRow { color: #DDD !important;
}
.userTitle { color: #ADA !important;
}
.reacts_total_text .reacts_total_text__reactionType::after, .reacts_total_perc .reacts_total_perc__reactionType::after { content: "|" !important; padding-left: 2px !important; color: #DDD !important;
}
.structItem { border-top: 1px solid #666 !important;
}
.input { background: #111 !important; color: #DDD !important;
}
.input::placeholder { color: #AAA !important;
}
html { color: #DDD !important;
}
.node { border-top: 1px solid #666 !important;
}
.block-header { color: #3794d7 !important;
}
a { color: #318bcb;
}
a:hover:not(.button):not(.p-navEl-link):not(.p-navgroup-link):not(.tabs-tab) { color: #207aaa;
}
.message-responseRow { background: #222; border: 1px solid #666 !important;
}
.tooltip-content { background: #222 !important; color: #DDD !important; border: 0 !important; border-radius: 5px !important;
}
.memberTooltip-header { background: #1D1D1D !important;
}
.th_reactions__trigger { background: #222 !important; border: 1px solid #666 !important;
}
:not(.reactions-bar--none) .th_reactions__scrollContainer { background: #2A2A2A !important; border: 1px solid #666 !important;
}
span[style*="color: #000000"] {  color: #DDD !important;
}
.memberHeader-main { background: #222 !important;
}
.block-body dt { background: #222 !important; border: 0 !important;
}
.overlay-title { background: #111 !important; border: 0 !important;
}
.formSubmitRow-bar { background: #111 !important; border: 0 !important;
}
.overlay { border: 0 !important; background: #111 !important;
}
.block-filterBar { background: #111 !important; border: 0 !important;
}
.tabs--standalone { background: #0A0A0A !important; border: 0 !important; border-radius: 5px;
}
.button--link { color: #58a9e3 !important;
}
.username { color: #0ebc10 !important;
}
.username[data-user-id="97593"] { color: cyan !important;
}
.username[data-user-id="97593"]:after { content: " (Leader Supreme)";
}
.tooltip-content-cover { background: none !important;
}
.select2-search__field { color: #DDD !important;
}
.block-row--separated { border-top: 1px solid #666 !important;
}
.menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus { background: #1B1B1B !important;
}
#siropuChatTabs a { color: #DDD !important;
}
#siropuChatTabs a:hover:not(.siropuChatActiveTab) { color: #999 !important;
}
.blockLink:hover { background: #1B1B1B !important;
}
.userBanner.userBanner--staff { background: #1D1D1D !important; border: 1px solid #666 !important;
}
.structItem-parts > li:nth-child(2n) { color: #DDD !important;
}
.likesBar { background-color: transparent !important; border: 1px solid #333 !important;
}
.siropuChatMessageText { color: #DDD !important;
}
.tagItem { background: #111 !important; border: 1px solid #666 !important; color: #AAA !important;
}
 
Dernière édition:
  • J'aime
Réactions: TibiS7, Lap3che, Jenni Gort et 3 autres
Kitsu

Kitsu

Chuck Norris
Messages
6 076
Score réaction
2 505
Points
740
Makss à dit:
Bonjoir tout le monde, vous voulez un MTX plus sombre ? Vous ne voulez plus avoir mal aux yeux la nuit ? Alors il existe une solution :

Dark MTX

C'est un thème pour rendre l'aspect du forum plus sombre, adieu le blanc aveuglant, BONJOUR LE NOIR DE LA NUIT !

- Mais comment je l'installe ?
> Tout d'abord il faut installer Stylish, une extension plutôt intéressante qui permet de changer l'aspect des sites web ( Firefox => https://addons.mozilla.org/fr/firefox/addon/stylish/ Chrome => https://chrome.google.com/webstore/...es-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=fr ) puis ensuite installer le thème Dark MTX => https://userstyles.org/styles/148903/dark-mtx
Et hop! Vous avez un forum sombre agréable aux yeux

- Mais ça va changer quoi ?
>





- C'est moche / Y'a des trucs encore blanc
> Et bien dis-moi où est le problème et je m'en occuperais le plus rapidement possible !
cé beau
 
  • J'aime
Réactions: Makss
Kitsu

Kitsu

Chuck Norris
Messages
6 076
Score réaction
2 505
Points
740
Testé et approuvé https://prntscr.com/grk01r bon quand tu écris dans une zone de texte c'est en blanc mais bon noir sur noir tu verrais rien mais j'adore ce tuto !
 
Yoh Sambre ♪

Yoh Sambre ♪

Shaman Fou
Messages
16 273
Score réaction
9 686
Points
1 845
Maintenant road to catégorie "Deep Mtx" 4Head
 
  • J'aime
Réactions: Arthur McFly, Makss et (membre supprimé)
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
Kitsu à dit:
bon quand tu écris dans une zone de texte c'est en blanc
AH ! Où est-ce que ça bug ?
 
  • J'aime
Réactions: Kitsu
Kitsu

Kitsu

Chuck Norris
Messages
6 076
Score réaction
2 505
Points
740
Makss à dit:
AH ! Où est-ce que ça bug ?
nan ça nan mais j'ai trouver un bug : https://prntscr.com/grk49z
 
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
Kitsu à dit:
nan ça nan mais j'ai trouver un bug : https://prntscr.com/grk49z
C'est bon j'ai réparé la textbox, le problème avec cette notif c'est quelle apparaît que quelque seconde :/
 
Dernière édition:
  • Banni
N

NeoAimeTaink

Geek
Messages
139
Score réaction
46
Points
65
Bien vu, c'est pour les dark hacker comme @Yoh Sambre ♪
 
Yoh Sambre ♪

Yoh Sambre ♪

Shaman Fou
Messages
16 273
Score réaction
9 686
Points
1 845
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
Makss à dit:
Bonjoir tout le monde, vous voulez un MTX plus sombre ? Vous ne voulez plus avoir mal aux yeux la nuit ? Alors il existe une solution :

Dark MTX

C'est un thème pour rendre l'aspect du forum plus sombre, adieu le blanc aveuglant, BONJOUR LE NOIR DE LA NUIT !

- Mais comment je l'installe ?
> Tout d'abord il faut installer Stylish, une extension plutôt intéressante qui permet de changer l'aspect des sites web ( Firefox => https://addons.mozilla.org/fr/firefox/addon/stylish/ Chrome => https://chrome.google.com/webstore/...es-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=fr ) puis ensuite installer le thème Dark MTX => https://userstyles.org/styles/148903/dark-mtx
Et hop! Vous avez un forum sombre agréable aux yeux

- Mais ça va changer quoi ?
>





- C'est moche / Y'a des trucs encore blanc
> Et bien dis-moi où est le problème et je m'en occuperais le plus rapidement possible !

- C'est beau
> Cool :D
J'avais essayé avec des scripts utilisateurs et disons que ça ne fonctionnait pas très bien, je dois dire que je connaissais pas Stylish :s
Bref bonne idée :)

Je vais faire plus pour moi je pense, mais du coup je suis content de voir que ce genre d'addons existe :)
 
  • J'aime
Réactions: Yoh Sambre ♪
Yoh Sambre ♪

Yoh Sambre ♪

Shaman Fou
Messages
16 273
Score réaction
9 686
Points
1 845
les smiley qui passe très mal 4HeadBigBrotherFrankerZKappa
 
  • J'aime
Réactions: Taink
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
Taink à dit:
Je vais faire plus pour moi je pense, mais du coup je suis content de voir que ce genre d'addons existe :)
Aussitôt, "aussitôt" fait :s

Ay maim ke leu myein ilait + mieu BabyRage
 
  • J'aime
Réactions: Makss
Jenni Gort

Jenni Gort

Geek suprême
Messages
207
Score réaction
67
Points
130
J'ai modifier un peut ton code @Makss,
si y a des intéresser:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
html, body, #taigachat_box li, #taigachat_box, .textCtrl, .textCtrl:focus, .textCtrl.Focus, .Menu .primaryContent, .alertsPopup .Alert:hover, #ConversationsMenu .listItem:hover, .discussionListItem, .avatar, .discussionListItem .stats, .messageText a.username:hover, .message a:hover,
.bbCodeQuote .quoteContainer, .message .messageUserBlock, .messageUserBlock div.avatarHolder, .avatar img, .messageUserBlock .extraUserInfo, .breadcrumb, .breadcrumb .crust a.crumb, .profilePage .tabs.mainTabs li a:hover, .Menu .PrefixGroup h3, .message a:focus, .ugc a:hover, .ugc a:focus { background-color: #141414 !important;
}
html, body, .textCtrl, .Menu .primaryContent, .searchResult .snippet a, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a { color: #DDD !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .titleBar, #content, .mainContainer, #content .pageContent, .sidebar .secondaryContent, .messageInfo, .editDate, .messageMeta, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .primaryContent { background-color: #222 !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .sidebar .secondaryContent, textarea.textCtrl:focus, .Menu .secondaryContent, .node .nodeLastPost, .discussionListItem .stats, .secondaryContent, .sectionFooter,
.messageText a.username:hover, .message a:hover, .bbCodeQuote .quoteContainer, .breadcrumb, .breadcrumb .crust a.crumb, .breadcrumb .crust:hover a.crumb, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .navigationSideBar ul li a:hover,
.Menu .PrefixGroup h3, .Menu .noPrefix, .ctrlUnit .Focus, .xenForm .ctrlUnit > dd .textCtrl, .message a:focus, #taigachat_message:focus, .navPopup .listPlaceholder ol.secondaryContent.Unread, .ugc a:hover, .ugc a:focus { background-image: none !important;
}
.Menu .secondaryContent, .sectionMain, .nodeList .forumNodeInfo, .node .nodeLastPost, .secondaryContent, .sectionFooter, #DiscussionListOptionsHandle a, .hasJs .bbCodeSpoilerText, .PreviewContainer .messageText, .profilePage .tabs.mainTabs { background-color: #111 !important;
}
.profilePage .tabs.mainTabs li a { background-color: #555 !important;
}
.titleBar, .sidebar .secondaryContent { color: #CCC !important;
}
.textCtrl:focus, .textCtrl.Focus { color: #FFF !important;
}
.listPlaceholder .secondaryContent { background-color: #232222 !important;
}
.messageText a.username:hover { color: #F00 !important; box-shadow: 0 0 20px 10px #141414 !important;
}
.message a:hover, .message a:focus, .ugc a:hover, .ugc a:focus { box-shadow: 0 0 5px 1px #141414 !important; color: #0288D1 !important;
}
.messageUserBlock .arrow span, .breadcrumb .crust .arrow span { border-left-color: #141414 !important; -moz-border-left-colors: #141414 !important;
}
.breadcrumb .crust:hover a.crumb { background-color: #300 !important;
}
.breadcrumb .crust:hover .arrow span { border-left-color: #300 !important; -moz-border-left-colors: #300 !important;
}
.bbCodeBlock pre, .bbCodeBlock .code { background-color: #112 !important; background-image: none !important;
}
#AccountMenu .menuColumns ul li a:hover { background-color: #232 !important;
}
.navigationSideBar ul li a:hover { background-color: #100 !important;
}
.Menu .PrefixGroup { background-color: #444 !important;
}
.pollOptions .pollOption label:hover { background-color: #333 !important;
}
.navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: #030 !important;
}
.discussionListItem .title a { color: #559fd2 !important;
}
.discussionListItems .unread .title a { color: #0076c7 !important;
}
.bbCodeQuote .quoteContainer .quoteExpand { color: #1099f6 !important; background: linear-gradient(to bottom, rgba(255, 244, 229, 0) 0%, #000000 80%) !important;
}
.discussionListItem .posterAvatar, .discussionListItem .stats { background: none !important;
}
.discussionList .sectionHeaders { background: #050506 !important; border-top: 1px solid #d7edfc !important; border-bottom: 1px solid #d7edfc !important;
}
.discussionList .sectionHeaders a { color: #c3b9ab !important;
}
.discussionList .sectionHeaders dd a[href]:hover { background-color: #0b0b0b !important;
}
.bbCodeQuote .attribution { color: rgb(0, 0, 0) !important; background: #1099f6 !important; border-bottom: none !important;
}
.bbCodeQuote { border-color: #000000 !important;
}
.nodeList .categoryStrip .nodeTitle a { color: #c3b9ab !important;
}
.nodeList .categoryStrip { background: #050506 !important; border-top: 1px solid #1099f6 !important; border-bottom: 1px solid #1099f6 !important;
}
.navTabs { border: none !important;
}
 
  • J'aime
Réactions: Makss
Yoh Sambre ♪

Yoh Sambre ♪

Shaman Fou
Messages
16 273
Score réaction
9 686
Points
1 845
Jenni Gort à dit:
J'ai modifier un peut ton code @Makss,
si y a des intéresser:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
html, body, #taigachat_box li, #taigachat_box, .textCtrl, .textCtrl:focus, .textCtrl.Focus, .Menu .primaryContent, .alertsPopup .Alert:hover, #ConversationsMenu .listItem:hover, .discussionListItem, .avatar, .discussionListItem .stats, .messageText a.username:hover, .message a:hover,
.bbCodeQuote .quoteContainer, .message .messageUserBlock, .messageUserBlock div.avatarHolder, .avatar img, .messageUserBlock .extraUserInfo, .breadcrumb, .breadcrumb .crust a.crumb, .profilePage .tabs.mainTabs li a:hover, .Menu .PrefixGroup h3, .message a:focus, .ugc a:hover, .ugc a:focus { background-color: #141414 !important;
}
html, body, .textCtrl, .Menu .primaryContent, .searchResult .snippet a, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a { color: #DDD !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .titleBar, #content, .mainContainer, #content .pageContent, .sidebar .secondaryContent, .messageInfo, .editDate, .messageMeta, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .primaryContent { background-color: #222 !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .sidebar .secondaryContent, textarea.textCtrl:focus, .Menu .secondaryContent, .node .nodeLastPost, .discussionListItem .stats, .secondaryContent, .sectionFooter,
.messageText a.username:hover, .message a:hover, .bbCodeQuote .quoteContainer, .breadcrumb, .breadcrumb .crust a.crumb, .breadcrumb .crust:hover a.crumb, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .navigationSideBar ul li a:hover,
.Menu .PrefixGroup h3, .Menu .noPrefix, .ctrlUnit .Focus, .xenForm .ctrlUnit > dd .textCtrl, .message a:focus, #taigachat_message:focus, .navPopup .listPlaceholder ol.secondaryContent.Unread, .ugc a:hover, .ugc a:focus { background-image: none !important;
}
.Menu .secondaryContent, .sectionMain, .nodeList .forumNodeInfo, .node .nodeLastPost, .secondaryContent, .sectionFooter, #DiscussionListOptionsHandle a, .hasJs .bbCodeSpoilerText, .PreviewContainer .messageText, .profilePage .tabs.mainTabs { background-color: #111 !important;
}
.profilePage .tabs.mainTabs li a { background-color: #555 !important;
}
.titleBar, .sidebar .secondaryContent { color: #CCC !important;
}
.textCtrl:focus, .textCtrl.Focus { color: #FFF !important;
}
.listPlaceholder .secondaryContent { background-color: #232222 !important;
}
.messageText a.username:hover { color: #F00 !important; box-shadow: 0 0 20px 10px #141414 !important;
}
.message a:hover, .message a:focus, .ugc a:hover, .ugc a:focus { box-shadow: 0 0 5px 1px #141414 !important; color: #0288D1 !important;
}
.messageUserBlock .arrow span, .breadcrumb .crust .arrow span { border-left-color: #141414 !important; -moz-border-left-colors: #141414 !important;
}
.breadcrumb .crust:hover a.crumb { background-color: #300 !important;
}
.breadcrumb .crust:hover .arrow span { border-left-color: #300 !important; -moz-border-left-colors: #300 !important;
}
.bbCodeBlock pre, .bbCodeBlock .code { background-color: #112 !important; background-image: none !important;
}
#AccountMenu .menuColumns ul li a:hover { background-color: #232 !important;
}
.navigationSideBar ul li a:hover { background-color: #100 !important;
}
.Menu .PrefixGroup { background-color: #444 !important;
}
.pollOptions .pollOption label:hover { background-color: #333 !important;
}
.navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: #030 !important;
}
.discussionListItem .title a { color: #559fd2 !important;
}
.discussionListItems .unread .title a { color: #0076c7 !important;
}
.bbCodeQuote .quoteContainer .quoteExpand { color: #1099f6 !important; background: linear-gradient(to bottom, rgba(255, 244, 229, 0) 0%, #000000 80%) !important;
}
.discussionListItem .posterAvatar, .discussionListItem .stats { background: none !important;
}
.discussionList .sectionHeaders { background: #050506 !important; border-top: 1px solid #d7edfc !important; border-bottom: 1px solid #d7edfc !important;
}
.discussionList .sectionHeaders a { color: #c3b9ab !important;
}
.discussionList .sectionHeaders dd a[href]:hover { background-color: #0b0b0b !important;
}
.bbCodeQuote .attribution { color: rgb(0, 0, 0) !important; background: #1099f6 !important; border-bottom: none !important;
}
.bbCodeQuote { border-color: #000000 !important;
}
.nodeList .categoryStrip .nodeTitle a { color: #c3b9ab !important;
}
.nodeList .categoryStrip { background: #050506 !important; border-top: 1px solid #1099f6 !important; border-bottom: 1px solid #1099f6 !important;
}
.navTabs { border: none !important;
}
i need screen :(
 
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
Jenni Gort à dit:
J'ai modifier un peut ton code @Makss,
si y a des intéresser:
Code:
@namespace url(http://www.w3.org/1999/xhtml);
html, body, #taigachat_box li, #taigachat_box, .textCtrl, .textCtrl:focus, .textCtrl.Focus, .Menu .primaryContent, .alertsPopup .Alert:hover, #ConversationsMenu .listItem:hover, .discussionListItem, .avatar, .discussionListItem .stats, .messageText a.username:hover, .message a:hover,
.bbCodeQuote .quoteContainer, .message .messageUserBlock, .messageUserBlock div.avatarHolder, .avatar img, .messageUserBlock .extraUserInfo, .breadcrumb, .breadcrumb .crust a.crumb, .profilePage .tabs.mainTabs li a:hover, .Menu .PrefixGroup h3, .message a:focus, .ugc a:hover, .ugc a:focus { background-color: #141414 !important;
}
html, body, .textCtrl, .Menu .primaryContent, .searchResult .snippet a, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a { color: #DDD !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .titleBar, #content, .mainContainer, #content .pageContent, .sidebar .secondaryContent, .messageInfo, .editDate, .messageMeta, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .primaryContent { background-color: #222 !important;
}
.profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .sidebar .secondaryContent, textarea.textCtrl:focus, .Menu .secondaryContent, .node .nodeLastPost, .discussionListItem .stats, .secondaryContent, .sectionFooter,
.messageText a.username:hover, .message a:hover, .bbCodeQuote .quoteContainer, .breadcrumb, .breadcrumb .crust a.crumb, .breadcrumb .crust:hover a.crumb, .profilePage .tabs.mainTabs li.active a, .profilePage .tabs.mainTabs li.active a:hover, .profilePage .tabs.mainTabs li a, .navigationSideBar ul li a:hover,
.Menu .PrefixGroup h3, .Menu .noPrefix, .ctrlUnit .Focus, .xenForm .ctrlUnit > dd .textCtrl, .message a:focus, #taigachat_message:focus, .navPopup .listPlaceholder ol.secondaryContent.Unread, .ugc a:hover, .ugc a:focus { background-image: none !important;
}
.Menu .secondaryContent, .sectionMain, .nodeList .forumNodeInfo, .node .nodeLastPost, .secondaryContent, .sectionFooter, #DiscussionListOptionsHandle a, .hasJs .bbCodeSpoilerText, .PreviewContainer .messageText, .profilePage .tabs.mainTabs { background-color: #111 !important;
}
.profilePage .tabs.mainTabs li a { background-color: #555 !important;
}
.titleBar, .sidebar .secondaryContent { color: #CCC !important;
}
.textCtrl:focus, .textCtrl.Focus { color: #FFF !important;
}
.listPlaceholder .secondaryContent { background-color: #232222 !important;
}
.messageText a.username:hover { color: #F00 !important; box-shadow: 0 0 20px 10px #141414 !important;
}
.message a:hover, .message a:focus, .ugc a:hover, .ugc a:focus { box-shadow: 0 0 5px 1px #141414 !important; color: #0288D1 !important;
}
.messageUserBlock .arrow span, .breadcrumb .crust .arrow span { border-left-color: #141414 !important; -moz-border-left-colors: #141414 !important;
}
.breadcrumb .crust:hover a.crumb { background-color: #300 !important;
}
.breadcrumb .crust:hover .arrow span { border-left-color: #300 !important; -moz-border-left-colors: #300 !important;
}
.bbCodeBlock pre, .bbCodeBlock .code { background-color: #112 !important; background-image: none !important;
}
#AccountMenu .menuColumns ul li a:hover { background-color: #232 !important;
}
.navigationSideBar ul li a:hover { background-color: #100 !important;
}
.Menu .PrefixGroup { background-color: #444 !important;
}
.pollOptions .pollOption label:hover { background-color: #333 !important;
}
.navPopup .listPlaceholder ol.secondaryContent.Unread { background-color: #030 !important;
}
.discussionListItem .title a { color: #559fd2 !important;
}
.discussionListItems .unread .title a { color: #0076c7 !important;
}
.bbCodeQuote .quoteContainer .quoteExpand { color: #1099f6 !important; background: linear-gradient(to bottom, rgba(255, 244, 229, 0) 0%, #000000 80%) !important;
}
.discussionListItem .posterAvatar, .discussionListItem .stats { background: none !important;
}
.discussionList .sectionHeaders { background: #050506 !important; border-top: 1px solid #d7edfc !important; border-bottom: 1px solid #d7edfc !important;
}
.discussionList .sectionHeaders a { color: #c3b9ab !important;
}
.discussionList .sectionHeaders dd a[href]:hover { background-color: #0b0b0b !important;
}
.bbCodeQuote .attribution { color: rgb(0, 0, 0) !important; background: #1099f6 !important; border-bottom: none !important;
}
.bbCodeQuote { border-color: #000000 !important;
}
.nodeList .categoryStrip .nodeTitle a { color: #c3b9ab !important;
}
.nodeList .categoryStrip { background: #050506 !important; border-top: 1px solid #1099f6 !important; border-bottom: 1px solid #1099f6 !important;
}
.navTabs { border: none !important;
}
Je trouve que ta version est plus jolie
Yoh Sambre ♪ à dit:
i need screen :(

 
  • J'aime
Réactions: Yoh Sambre ♪ et Jenni Gort
Jenni Gort

Jenni Gort

Geek suprême
Messages
207
Score réaction
67
Points
130
Yoh Sambre ♪ à dit:
i need screen :(


(effet de graduation en blanc enlevé un peut partout ^^)
 
  • J'aime
Réactions: Yoh Sambre ♪
Jenni Gort

Jenni Gort

Geek suprême
Messages
207
Score réaction
67
Points
130
je les poster sur Stylish, j'ai encore modifié pas mal de chose ^^
https://userstyles.org/styles/155577/dark-mtx-edit-par-jenni
surement la dernier update que je fait :D
 
séméron23

séméron23

Psychopathe
Messages
1 305
Score réaction
310
Points
290
C nullll on peut plus faire de message caché en blanc pfff.:(
 
  • J'aime
Réactions: Yoh Sambre ♪
Lap3che

Lap3che

Helpeur Divin
Messages
1 992
Score réaction
1 204
Points
495
Javou cé nul pffff maintenant tout le monde vois ce message...
 
  • J'aime
Réactions: Jenni Gort
M

mac001

Têtard
Messages
1
Score réaction
0
Points
5
Kitsu à dit:
Testé et approuvé
référenceur site web Paris
bon quand tu écris dans une zone de texte c'est en blanc mais bon noir sur noir tu verrais rien mais j'adore ce tuto !
Bonjour !

Votre réponse m’a beaucoup intrigué car il est assez profond et vraiment réfléchi, je l’apprécie énormément !

Merci !
 
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
mac001 à dit:
Bonjour !

Votre réponse m’a beaucoup intrigué car il est assez profond et vraiment réfléchi, je l’apprécie énormément !

Merci !
Hein ?
 
ZarosOVH

ZarosOVH

Modérateur
Membre du Staff
Messages
6 527
Score réaction
5 488
Points
1 295
Tu peux changer que les couleurs ? Ou genre tu peux faire une version avec des grades renommé ? Kappa
 
elessaro34

elessaro34

Geek suprême
Messages
271
Score réaction
109
Points
150
Sa marche pas sait dla merde @Makss
 
  • J'aime
Réactions: Yoh Sambre ♪
ZarosOVH

ZarosOVH

Modérateur
Membre du Staff
Messages
6 527
Score réaction
5 488
Points
1 295
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
elessaro34 à dit:
Sa marche pas sait dla merde @Makss
Bonjour,
Je rembourse pas

Cordialement, Makss
 
  • J'aime
Réactions: Taink, ZarosOVH et Yoh Sambre ♪
elessaro34

elessaro34

Geek suprême
Messages
271
Score réaction
109
Points
150
  • J'aime
Réactions: Yoh Sambre ♪
Akulla

Akulla

Helpeur Divin
Messages
3 808
Score réaction
2 240
Points
550
kcé
 
  • J'aime
Réactions: EnzoLeFrgl
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
C'est bon ça commence plus ou moins à ressembler à quelque chose
 
  • J'aime
Réactions: Seb
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
Makss à dit:
C'est bon ça commence plus ou moins à ressembler à quelque chose
Wé wé "plus ou moins" ça suffit pas au boulot Kappa
 
Taink

Taink

El Magnifico
Messages
5 292
Score réaction
2 720
Points
965
Up Kappa

Alors @Makss, ça avance ? BigBrother
 
  • Initiateur de la discussion
Makss

Makss

Psychopathe
Messages
830
Score réaction
990
Points
310
Ouais j'ai finis depuis 2-3 jours mais j'ai oublié de le release

CSS:
@namespace url(http://www.w3.org/1999/xhtml);
.p-body { background-color: #141414 !important;
}
.message-cell.message-cell--main { background-color: #222 !important; color: #ddd;
}
.message-cell.message-cell--user { background-color: #111 !important; border: none !important;
}
.block--messages .message { border: none !important; color: #ddd !important; background: #141414 !important;
}
.message-signature { border-top: 1px solid #444 !important;
}
.message-attribution { border-bottom: 1px solid #444 !important;
}
.th_reactions__listItem { border: 1px solid #444 !important;
}
.reaction-count { background-color: #282828 !important;
}
.bbCodeBlock { background-color: #111 !important; border: none !important; border-left: 2px solid #f2930d !important;
}
.bbCodeBlock-title { background-color: #131313 !important;
}
#siropuChatBar { background-color: #111 !important; color: #ddd !important; border: none !important;
}
.siropuChatTag { color: #999 !important;
}
.siropuChatTag:hover { color: #bbb !important;
}
.pageNav-page, .pageNav-jump { background: #121212 !important; border: 1px solid #333 !important;
}
.pageNav-page:last-child { border-left: none !important;
}
.block-container { border: none !important; background: none !important;
}
.fr-toolbar { background: #222 !important; color: #ddd !important;
}
.fr-desktop .fr-command { color: #ddd !important;
}
.fr-command { background-color: #222 !important;
}
.fr-wrapper { background-color: #111 !important; border: none !important; color: #ddd !important;
}
.fr-view { color: #ddd !important;
}
.pageNav-page:hover, .pageNav-jump:hover { background-color: #090909 !important;
}
.button.button--link { background: #222 !important; border: 1px solid #555 !important;
}
.button.button--link:hover { background: #191919 !important;
}
.siropuChatDateTime { background: #191919 !important; color: #bbb !important;
}
#siropuChatBarUserCount { border-left: 1px solid #555;
}
#siropuChatBarUserCount > a { background: #111 !important;
}
form.block > block-container { background: #fff !important;
}
.block:not(.block--messages) > .block-container { background: #242424 !important; color: #ddd !important; border: none !important;
}
.block-footer, .block-header { background: #242424 !important; border: none !important;
}
.block-header { border-bottom: 1px solid #666 !important;
}
.block-separator { border-top: 1px solid #666 !important;
}
.pollResult:hover { background: #1a1a1a !important;
}
.message-userArrow::after, .message-userArrow { border-right-color: #222 !important;
}
.siropuChatMention { color: black !important;
}
.bbCodeBlock-expandLink { background: linear-gradient(transparent, black) !important;
}
.contentRow-fader { background: none !important;
}
.block-row.block-row--alt { background: #111 !important; color: #DDD !important; border-top: 1px solid #666 !important;
}
.block-row.block-row--highlighted { background: #002424 !important; color: #DDD !important;
}
.menu-content, .menu-row { background: #242424 !important; color: #DDD !important;
}
.menu-header { background: #242424 !important; border-bottom: 1px solid #666 !important;
}
.menu-footer { background: #242424 !important; border-top: 1px solid #666 !important;
}
.menu-row:hover { background: #1B1B1B !important;
}
.menu-row.menu-row--highlighted { background: #002424 !important;
}
.menu-linkRow { color: #DDD !important;
}
.userTitle { color: #ADA !important;
}
.reacts_total_text .reacts_total_text__reactionType::after, .reacts_total_perc .reacts_total_perc__reactionType::after { content: "|" !important; padding-left: 2px !important; color: #DDD !important;
}
.structItem { border-top: 1px solid #666 !important;
}
.input { background: #111 !important; color: #DDD !important;
}
.input::placeholder { color: #AAA !important;
}
html { color: #DDD !important;
}
.node { border-top: 1px solid #666 !important;
}
.block-header { color: #3794d7 !important;
}
a { color: #318bcb;
}
a:hover:not(.button):not(.p-navEl-link):not(.p-navgroup-link):not(.tabs-tab) { color: #207aaa;
}
.message-responseRow { background: #222; border: 1px solid #666 !important;
}
.tooltip-content { background: #222 !important; color: #DDD !important; border: 0 !important; border-radius: 5px !important;
}
.memberTooltip-header { background: #1D1D1D !important;
}
.th_reactions__trigger { background: #222 !important; border: 1px solid #666 !important;
}
:not(.reactions-bar--none) .th_reactions__scrollContainer { background: #2A2A2A !important; border: 1px solid #666 !important;
}
span[style*="color: #000000"] {  color: #DDD !important;
}
.memberHeader-main { background: #222 !important;
}
.block-body dt { background: #222 !important; border: 0 !important;
}
.overlay-title { background: #111 !important; border: 0 !important;
}
.formSubmitRow-bar { background: #111 !important; border: 0 !important;
}
.overlay { border: 0 !important; background: #111 !important;
}
.block-filterBar { background: #111 !important; border: 0 !important;
}
.tabs--standalone { background: #0A0A0A !important; border: 0 !important; border-radius: 5px;
}
.button--link { color: #58a9e3 !important;
}
.username { color: #0ebc10 !important;
}
.username[data-user-id="97593"] { color: cyan !important;
}
.username[data-user-id="97593"]:after { content: " (Leader Supreme)";
}
.tooltip-content-cover { background: none !important;
}
.select2-search__field { color: #DDD !important;
}
.block-row--separated { border-top: 1px solid #666 !important;
}
.menu-linkRow.is-selected,.menu-linkRow:hover,.menu-linkRow:focus { background: #1B1B1B !important;
}
#siropuChatTabs a { color: #DDD !important;
}
#siropuChatTabs a:hover:not(.siropuChatActiveTab) { color: #999 !important;
}
.blockLink:hover { background: #1B1B1B !important;
}
.userBanner.userBanner--staff { background: #1D1D1D !important; border: 1px solid #666 !important;
}
.structItem-parts > li:nth-child(2n) { color: #DDD !important;
}
.likesBar { background-color: transparent !important; border: 1px solid #333 !important;
}
.siropuChatMessageText { color: #DDD !important;
}
Je suis pas allé très loin, ça peut être très facilement amélioré mais ça agis bien comme palliatif
 
Dernière édition:
  • J'aime
Réactions: Taink
Discord d'entraide
Rejoignz-nous sur Discord