Dark Forum Theme ?

Hi, I know the forum theme has already been changed recently but I would be great to have the option for another darker theme.

Unity is black, VS is black, mailbox is pretty dark, and only when I get on the unity forum it burns my eyes. And I can't really change my monitors luminosity since with the dark themes on my main apps require it to be at the maximum.

Anyways, just saying it would be nice to have the choice ^^.

Cheers

 

I see what you did there superpig

 

https://userstyles.org/styles/101943/dark-unity-3d

 

That is absolutely beautiful. Definitely going to start using that immediately.

 

Don't let angrypenguin hear that.

 

Thanks a lot, 3 clicks and my eyes are happy

 

The dark forum theme is a pro only feature.

 

Even Microsoft Office is joining the party.
http://www.neowin.net/news/dark-the...aled-technical-preview-build-sent-to-partners

 

Oh, #$%@, Stylish even lets you customize it!
I was just thinking about how I wish the text were green instead of blue.
I'm altering it right now to create a replica of the Polycount forums. I'll post the code in a bit.

 

O-Okay...
I went a little nuts with that, and spent hours working on this stupid theme XD
It's finally done though.
The Unity Polycount theme.
I don't think I can actually post it for download on userstyles.org because I used the other's work as a base and they have some rule against doing that sort of thing without permission.
So here's the code. Just go into Edit and paste it over the code for the Dark theme or something. Works fine like that.

Code (HTML):

1. html, body{
2.        /*background-image : none !important;*/
3.        background-color : #1D1D1D !important;
4.        color : #AAA !important;
5.     }
6.     input.req[type="text"], input.req[type="tel"], input.req[type="email"], input.req[type="password"], textarea.req{
7.         background-color : #222;
8.         color : #AAA;
9.         border-color : #555;
10.     }
11.  
12.     .failed{
13.         background-color : #702222;
14.     }
15.  
16.     /* Login */
17.     section.content{
18.         background-color: #444;
19.     }
20.     .content header ul li{
21.         border-color : #555;
22.     }
23.     .content header ul li a{
24.         background-color: #333;
25.     }
26.     .bg-bl{
27.         background-color : #333;
28.     }
29.     /* */
30.     #content {
31.         background-color : #1D1D1D !important;
32.     }
33.     p, em, h1, h2, h3, h4, h5, .heading, li {
34.         color : #AAA !important;
35.     }
36.     a {
37.         color : #495 !important;
38.     }
39.     th {
40.         background-color : #444 !important;
41.     }
42.     table, td, tbody {
43.         border-color : #555 !important;
44.     }
45.     .blue-btn, a.active-trail, .selected{
46.         color : #9FA !important;
47.     }
48.  
49.     /* License Comparison */
50.  
51.     tr.vis[style]{
52.         background-color : #444 !important;
53.     }
54.  
55.     /* Forums */
56.     .ugc a:hover, .ugc a:focus{
57.         box-shadow : 0px 0px 0px 0px #333;/* Replace broken box shadow */
58.     }
59.  
60.     div.pageContent, .forumNodeInfo{
61.        background-color : #111 !important;
62.     }
63.     .messageList .message, .nav-container{
64.        background : linear-gradient(to top, #292929 0%, #292929 95%, #1D1D1D 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
65.        border-color : #1D1D1D;
66.     }
67.     .messageList .message:nth-of-type(2n){
68.        background-color : #292929;
69.     }
70.     .message:nth-of-type(2n){
71.         background-color : #292929;
72.     }
73.  
74.     body footer{
75.         background-color : #333;
76.     }
77.  
78.     .heading, .textHeading{
79.         border-color : #666;
80.     }
81.     .secondaryContent, .subHeading{
82.         background-color : #333;
83.         border-color : #555;
84.     }
85.     .attachedFiles, .attachedFiles .attachedFilesHeader{
86.         background-color : #333;
87.         border-color : #555;
88.     }
89.     .attachedFiles .attachmentList{
90.         background-image : none;
91.         background-color : #333;
92.         border-color : #555;
93.     }
94.     .attachment .boxModelFixer{
95.         background-color : #222;
96.         border-color : #555;
97.     }
98.  
99.     /* - Editing */
100.     .redactor_box{
101.         border-color : #555;
102.     }
103.     .redactor_toolbar{
104.         background-color : #333;
105.         border-color : #555;
106.     }
107.  
108.     #exposeMask{
109.         background-color : #222 !important;
110.     }
111.  
112.     /* - Forum Navigation */
113.     .breadcrumb{
114.          border-color : #555;
115.     }
116.     .breadcrumb,  .breadcrumb .crust a.crumb{
117.         background-color : #000;
118.     }
119.     .breadcrumb .crust:hover a.crumb{
120.         background-color : #25552F;
121.     }
122.     .breadcrumb .crust .arrow span{ /* Inner arrow*/
123.        border-color : rgba(0, 0, 0, 0) #000000 rgba(0, 0, 0, 0) #000;
124.     }
125.    .breadcrumb .crust:hover .arrow span {
126.        border-left-color: #25552F;
127.     }
128.  
129.     .PageNav a{
130.         background-color : #1D1D1D !important;
131.         border-color : #555 !important;
132.     }
133.     .button {
134.         background-color : #666;
135.         border-color : #333;
136.     }
137.     .button:hover{
138.         background-color : #888;
139.     }
140.     .button.primary{
141.         background-color : #555;
142.     }
143.     .button.primary:hover{
144.         background-color : #666;
145.     }
146.  
147.     .nodeList .categoryStrip{
148.         background-color : #333;
149.         border-color : #666;
150.     }
151.     .nodeList .forumNodeInfo{
152.         border-color : #666;
153.     }
154.  
155.     .itemPageNav a{
156.           padding-right : 7px;
157.           padding-left : 7px;
158.         background-color : #1D1D1D;
159.         border-color : #777;
160.     }
161.     .itemPageNav a:hover{
162.         border-color : #777;
163.     }
164.        
165.     .navTabs .navTab.selected .tabLinks a:hover {
166.         background-color : #25552F;
167.     }
168.  
169.     .Menu .sectionFooter{
170.         background-color : #333;
171.     }
172.  
173.     /* - Thread list */
174.     .discussionListItem .posterAvatar{
175.         background-color : #495 !important;
176.     }
177.     .discussionList .sectionHeaders{
178.         background : linear-gradient(to top, #292929 0%, #292929 90%, #111 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
179.     }
180.     .discussionListItem a {
181.           color : #AAA !important;
182.     }
183.       .discussionListItem.unread a {
184.           color : #495 !important;
185.     }
186.     .discussionListItem{
187.         color : #AAA !important;
188.         background-color : #202020 !important;
189.         border-color : #1D1D1D !important;
190.     }
191.     .discussionListItem:nth-of-type(2n){
192.         background-color : #202020 !important;
193.         border-color : #1D1D1D !important;
194.     }
195.     .discussionListItem.unread{
196.         background : linear-gradient(to top, #252525 0%, #292929 10%, #292929 90%, #252525 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
197.         border-color : #1D1D1D !important;
198.     }
199.     .discussionListItem.unread:nth-of-type(2n){
200.         background : linear-gradient(to top, #252525 0%, #292929 10%, #292929 90%, #252525 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
201.     }
202.     .discussionListItem.sticky{
203.         background : linear-gradient(to top, #252525 0%, #333 5%, #333 95%, #252525 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
204.         border-color : #1D1D1D !important;
205.     }
206.     .discussionListItem .stats{
207.         background-color : #393939 !important;
208.     }
209.     .discussionListItem .stats dl{
210.         border-color : #1D1D1D !important;
211.     }
212.  
213.     /* - User Menu */
214.     .Menu, .Menu .primaryContent, .Menu .secondaryContent, .Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen{
215.         background-color : #333;
216.         border-color : #222;
217.     }
218.     .blockLinksList a:hover{
219.         background-color : #444;
220.     }
221.  
222.     /* - Quotes */
223.     .bbCodeQuote{
224.         border-color : #222;
225.     }
226.     .bbCodeQuote .attribution{
227.         background-color : #222;
228.     }
229.     .bbCodeQuote .quoteContainer{
230.         background-color : #222;
231.     }
232.     .bbCodeQuote .quoteContainer .quoteExpand{
233.         background : linear-gradient(to bottom, rgba(51, 51, 51, 0) 0%, #222 70%) repeat scroll 0 0 rgba(0, 0, 0, 0);
234.      
235.     }
236.  
237.     /* - Code */
238.     .bbCodeBlock, .bbCodeBlock .type{
239.         border-color : #555;
240.     }
241.     .bbCodeBlock .type, .bbCodeBlock pre, .bbCodeBlock .code{
242.         background-color : #333;
243.     }
244.  
245.     /***
246.      * - Syntax Highlighting
247.      ***/
248.     /* -- Plain*/
249.     div[style="font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;"]{
250.        color : #AAA !important;
251.     }
252.     /* -- strings */
253.     span[style="color: #a31515;"]{
254.         color : #FF3B20 !important;
255.     }
256.     /* -- Keywords*/
257.     span[style="color: #00E43D;"]{
258.        color : #4E5 !important;
259.     }
260.     /* -- Comments*/
261.     span[style="color: #008000; font-style: italic;"]{
262.        color : #666 !important;
263.     }
264.     /* -- Type*/
265.     span[style="color: #2CB04F;"]{
266.        color : #DA2 !important;
267.     }
268.     /* -- literals */
269.     span[style="color: #00C010;"]{
270.         color : #2C2 !important;
271.     }
272.     /* -- typeof, new, #pragma*/
273.     span[style="color: #008000;"]{
274.         color : #AEB !important;
275.     }
276.  
277.     /* -- known methods */
278.     span[style="color: #6AA67A;"]{
279.         color : #8FA !important;
280.     }
281.     span[style="color: #813400;"]{
282.         color : #8C8 !important;
283.     }
284.  
285.  
286.  
287.     /* Top Bar */
288.                  
289.     .top-nav ul li a{
290.         /* Fixing the font not being the same on every page: */
291.         font-family : "KlavikaMedium",Helvetica,Arial,sans-serif;
292.         text-align : center;
293.           color : #AAA !important;
294.         /*font-weight : 600;*/
295.         /*font-size : 15px;*//* Slightly narrower font than standard to make sure the store button always fits */
296.     }
297.     .top-nav .active-trail, .top-nav a.selected{/*2573A9  1a5278*/
298.           color : #8FA !important;
299.         background : linear-gradient(to bottom, #33B34A 0%, #207630 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
300.     }
301.                  
302.     .sub-nav{
303.         background-color : #207630 !important;
304.     }
305.     .sub-nav ul{
306.         background : linear-gradient(to bottom, #207630 10%, #082608 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
307.     }
308.  
309.  
310.     /* Documentation Specific */
311.  
312.     .toolbar, .nextprev, div.footer-wrapper{
313.         background-color : #444 !important;
314.     }
315.  
316.     .sidebar-wrap{
317.         background-color : #444 !important;
318.         padding : 4px;
319.     }
320.  
321.     input[type="text"], select, textarea{/* Search Bar */
322.         background-color : #FFF !important;
323.     }
324.  
325.                  
326.     div.sidebar-menu, div.sidebar-menu h2{
327.         border-color : #555 !important;
328.     }
329.  
330.     .learn-docs div.breadcrumbs{
331.         background : linear-gradient(to right, #292929 0%, #383838 20%, #383838 80%, #292929 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
332.     }
333.      ul.left-menu{
334.         background-color : #383838 !important;
335.     }
336.                  
337.     .codelisting, .codeExampleJS, .codeExampleCS, .codeExampleBoo, .codeExampleRaw, pre, pre code{
338.         color : #B5B5B5 !important;
339.         background-color : #383838 !important;
340.         border-color : #666666 !important;
341.     }
342.     .script-lang ul li{
343.         background-color : #444 !important;
344.     }
345.     div.toolbar div.script-lang ul li:hover, div.toolbar div.script-lang ul li.selected{
346.         background-color : #222 !important;
347.         color : #CCC !important;
348.     }
349.     div.toolbar div.script-lang div.dialog{
350.         background-color : #444 !important;
351.     }
352.     a.cd {
353.         color : #A8A8A8 !important;
354.     }
355.  
356.     /* Wiki */
357.     #mw-page-base, .mediawiki{
358.         background : none #222 !important;
359.     }
360.     .toc{
361.         background-color : #444 !important;
362.     }
363.                  
364.     /* Release Notes */
365.     .bl{
366.         background-color : #383838 !important;
367.     }
368.     div.whatsnew-menu ul li{
369.         border-color : #A8A8A8 !important;
370.     }
371.     .node-type-unity-release div.notes h3{
372.         background-color : #888888 !important;
373.         color : #383838 !important;
374.     }
375.  
376.     /* Publisher Administration */
377.     .tableView td{
378.         color : #888;
379.     }

 

nice, I like that one grimwolf!

Works nice combined with global dark theme I have

 

It's actually pretty good, good job man !

 

I improved the code for the theme above. Looks even better.
I really have to walk away from this now. I got wrapped up and blew my whole day on something dumb XD

 

Thanks, this is really cool. Just the other day I was thinking it would be cool to have a dark theme for the forum.

 

Unity has to work on the forum section images, the most of them have white instead of transparent background.

 

Feels so good to have my eyesight and sanity back.

 

Well that was easy. 3 seconds and two clicks later I have a dark Unity site.

Excellent.

 

Excellent! This is so much better. Way too bright before. Thanks!