Ett mörkt tema till Sweclockers

Permalänk
Entusiast

Ett mörkt tema till Sweclockers

Byt till Stylus, en open source ersättare till Stylish.

Chrome | Firefox | Opera

Trivia

Den första versionen av temat skapade jag i början av 2012. Sedan dess har det samlat på sig över 2000 användare. I och med Sweclockers stora uppdatering fick jag börja om från början; här är resultatet!

Temat är utvecklat med hjälp av Chrome men är även testat i Opera och Firefox. Det lär fungera i Safari med men det har jag inte testat.

HTTPS (temat trasigt?)

Sweclockers har gått över till https på hela siten. Detta gör att webbläsarna kvider över att hämta temat från en icke-https-adress. jag har satt igång https på min site men du som använder temat måste se till att du laddar temat via https. Det är så enkelt som att lägga till ett S i adressen i Stylish/Stylus. Det är adressen i punkt 3 av installations instruktionerna som behöver ändras.

Installation

Chrome, Firefox, Opera och Safari

  1. Installera pluginet Stylus. ( Chrome | Firefox | Opera | Safari )

  2. Klicka på Stylus ikon -> Manage och sen Write new style. (Notera att knapparna inte heter exakt samma i alla versioner).

  3. Klistra in följande text i kodvyn

  4. Lägg in följande URL i "Applies to" fältet och ställ in det på "URLs on the domain"

    sweclockers.com

  5. Fyll i ett lämpligt namn och tryck på spara.

  6. Du är klar, ladda om [F5] Sweclockers så borde det fungera.

Chrome, Firefox, Opera och Safari

Problem?

Använde du temat innan Sweclockers 6.0 uppdateringen?

Ser det ut såhär nu?

Börja då med en full omladdning av sidan: Tryck ctrl + F5

Om du har Firefox och ovanstående inte fungerade, så finns det några olika saker du kan prova som har fungerat för andra:

Gå in och ladda om CSSen:

  1. Öppna denna länk

  2. Ladda om den ( ctrl + F5 )

Det ska stå något "Alternative css for Sweclockers (6.0)" överst i filen.

Få Stylish att ladda om CSSen:

  1. Gå in på manage styles och klicka på edit

  2. Lägg till ett mellanslag på sluten av raden så att spara-knappen inte längre är utgråad.

  3. Spara

  4. Refresha Sweclockers

Rensa cachen manuellt:
Inställningar -> advanced -> network -> clean cache. Starta om Firefox.

Fungerade inget av detta så kan temat vara felinstallerat. Gå igenom installationsinstruktionerna igen och kolla så att du inte har missat något.

Fortfarande bekymmer? Då är det bara att fråga så ska vi nog få det att fungera!

Använde du temat innan Sweclockers 6.0 uppdateringen?

Övrigt

Hittar du något du tror jag har missat så meddela gärna det, men kolla först ändringsloggen. Din webbläsare kan ha cachat sidan, vilket resulterar i att du inte har fått den senaste uppdateringen än.

Tema till VRGeeks? Läs detta inlägget.

Ändringslogg

Datum

Ändring

2015-01-20 17:53

Påbörjade temat.

2015-01-21 00:04

First draft.

2015-01-22 01:00

Första versionen klar, beta-publicerad.

2015-01-26 02:12

Re-write av länkar och borders.

2015-02-02 16:09

Fixade länkfärgen på olästa meddelanden.

2015-02-07 16:59

Fixade bakgrunsfärgen på infoboxen i marknaden. Ändrade utseendet på mottagarsektionen av nya PM.

2015-03-17 22:35

Snyggade till utseendet på diagramen för sweclockers testresultat.

2015-03-29 13:56

Omröstningar fick nytt klassnamn, uppdaterade därefter.

2015-05-12 22:53

Fixade bakgrundsfärgen på taggar i botten av artiklar.

2015-05-15 14:52

Fixade "visa mer" gradienten i artiklar. Lade till bakgrundsfärger på Better Sweclcokers-genererade element.

2015-05-24 02:07

"Läs fler kommentarer och diskutera!" länkfärgen i marknaden fixad.

2016-04-01 22:25

Små buggfixar.

2017-01-13 00:31

Mörka headers i forumet, tydligare bildtext i artiklar, och nedtonad prisjaktsruta i sidolisten.

2017-11-05 01:52

Stödjer nu https. Kräver att du ändrar url:en som laddas till https.

Ändringslogg

Gamla inlägget
Notera att informationen och länkarna i denna spoilern är utdaterade då den handlar om temat och dylikt för femte versionen av Swerclockers.


Tack för att du använder mitt tema!
En liten klausul angående omröstningen:
Den är tänkt att visa hur många som är intresserade av ett mörkt tema. Det går dock inte att skapa omröstningar med <2 alternativ, därav "nej"-alternativet.

Goddag på er!

Jag har de senaste dagarna suttit och meckat på ett tema som är snällt mot ögonen till Sweclockers:

Temat är just nu inte helt färdigt, men på god väg, kan väl kalla det en beta för tillfället.

Det fungerar just nu som så att ett plugin (Stylish) skriver över delar av den befintliga stilmallen med mina ändringar.

Ju fler som visar sig intresserade ju större är chansen att nästa version av Sweclockers implementerar ett mörkt tema!

Installation
Google Chrome: (Med auto-update)

  1. Kopiera denna raden:

  2. Klistra in i css-fältet i pluginet Stylish. (plugin)

  3. Skriv in www.sweclockers.com i fältet "Applies to" och ställa om till "URL's on the domain"

  4. Fyll i ett namn och aktivera checkboxen "Enable"

  5. Spara och uppdatera Sweclockers (F5), done!

Installationsvideo. (Titta på när jag installerar det). OBS! Denna versionen visar hur det gick till innan jag intruducerade auto-update. Processen är samma, men du kopierar en liten rad css-kod nu istället för en hel css-fil.

Dold text

Firefox: (Med auto-update)

  1. Kopiera denna raden:

  2. Klistra in i css-fältet i pluginet Stylish (plugin)

  3. Fyll i ett namn

  4. Spara och uppdatera Sweclockers (F5), done!

Installationsvideo. (Titta på när jag installerar det). OBS! Denna versionen visar hur det gick till innan jag intruducerade auto-update. Processen är samma, men du kopierar en liten rad css-kod nu istället för en hel css-fil.

Dold text

Safari: (Med auto-update)

  1. Kopiera denna raden:

  2. Klistra in i css-fältet i pluginet Stylish (under "Edit" fliken). (plugin)

  3. Se till till att "Applies to:" står på "Domain" och skriv in sweclockers.com i det tillhörande textfältet.

  4. Fyll i ett namn och tryck på "Save style"

  5. Done!

Fungerar såklart till Safari på både Mac och Pc.

Dold text

Opera:

  1. Spara css:en på din dator. (Tryck [Ctrl]+[F5] i css:en innan du sparar den för att vara säker på att ha den senaste)

  2. Högerklicka någonstans på Sweclockers och välj "Edit Site Preferences..."

  3. Under fliken "Display" finns fältet "My style sheet". Klicka på "Choose..." och välj filen du precis sparade ner.

  4. Klicka på ok och uppdatera Sweclockers (F5), done!

Installationsvideo. (Titta på när jag installerar det).

Dold text

Nyhet!
2015-02-03:
SysGhost har fixat smileys utan fula kanter till temat, skaffa dem!
Är du inte övertygad så har du en jämförelse här:

2014-04-18:
Alling har gjort ett plugin som heter Better SweClockers. Ett väldigt användbart plugin som jag kan rekommenderar till alla!

Med Alling's plugin behövs inte Stylish, han har integrerat mitt tema via en knapp uppe i menyn.
Fördelen med detta är att det är extremt enkelt att växla mellan mitt och standardtemat.
Nackdelen är att vanliga Sweclockers kommer blinka till innan temat laddas. (Detta beror på hur webbläsaren läser in sidor)[/size]).
Min rekommendation ifall du inte växlar så ofta är att installera temat via Stylish. Men jag tycker ändå att du ska installera Better SweClockers, för det är najs.

Temat är som sagt inte 100% än, så rapportera gärna om ni hitta något dumt!

Notera att både Chrome och Firefox tycker om att casha sidor, alltså spara dem på din dator så att det går snabbare att ladda sidorna. Jag vet inte än hur detta påverkar uppdateringarna, så om ni ser en bugg, gör en hård omladdning av sidan ([Ctrl]+[F5]) innan ni rapporterar det, försvinner felet så höll er webbläsare kvar er på en äldre version.

Du kan fortfarande installera temat på det gamla sättet (utan auto-update) om du föredrar det. Installera på samma sätt fast byt ut raden css som laddar css:en mot hela css:filen istället (Chrome, Firefox).

Atriix har gjort nya knappar till temat!

Sedan 2012-06-25 hjälper han också till med utvecklandet av hela temat, inte bara knapparna.
Dom finns i två versioner var av den nedanstående nu är standard i temat.

Här är en länk till hans inlägg, berätta gärna vad du tycker!

För den andra versionen av knapparna, titta i "Tillägg" spoilern här under.

Tillägg:

__________________
Det-var-bättre-förr-clockers
Tar tillbaka den orangea headern och den lilla stjärnan på gillade inlägg.
Stort tack till Kebabhyvlarn för koden till stjärnan!
Installation: För Chrome och Firefox; lägg bara till raden ämnad för din webbläsare efter raden för temat som redan ligger i Stylish
Chrome:

Firefox:

Opera; lägg allt från denna filen längst ner i den lokala temafilen du har på datorn
__________________
Diskretare post-headers

För Chrome och Firefox; lägg bara till raden ämnad för din webbläsare efter raden för temat som redan ligger i Stylish (om du använder mitt tema d.v.s.).

Chrome:

Firefox:

Opera; lägg allt från denna filen längst ner i den lokala temafilen du har på datorn
__________________
Glossy knappar
Installationen av den andra sker på samma sätt som mitt tema, lägg helt enkelt till Atriixs rad kod efter min i textrutan i Stylish.

____________________
Ubuntu font
Vill ni ha det mörka Stylish temat med ubuntus standardfont? (Om jag ska vara helt ärlig så fungerar det utan mitt tema med )

Chrome: Lägg till denna raden kod på samma sätt som huvudtemat. (Notera att denna filen endast ändrar fonten, ni måste ha kvar den andra raden för att behålla temat).

Opera: Öppna den neresparade filen (med t.ex Notepad) och klistra in allt från denna filen underst i filen.

Firefox: Sorry, Stylish till firefox är efterblivet, det är ett under att ni ens kan ha den vanliga css:en.

(Det borde fugerar utan att ni själva har fonten, annars finns den här).

______________________________________________________________________
Den tunna scrollbaren jag använder i bilderna (Chrome plugin)
https://chrome.google.com/webstore/detail/ojmmnceaidnmminjjffpndcbdibelgam
(Jag har inte något med det att göra, jag bara snubblade över det)

Dold text

Notera att temat fungerar överlägset bäst i Chrome. Förutom en del buggar så lider Firefox av en dålig version av Stylish och Opera kräver att du har filerna lokalt.

Changelog:

2014-12-19 00:25 • beta 2.3_05 • SysGhost har tagit bort de fula vita kanterna på alla smileys!
2014-08-12 22:07 • beta 2.3_04 • PHP kod-taggar nu mer läsbara tack vare gn1p
2013-02-28 17:51 • beta 2.3_03 • De gamla post-headerserna tillagda som tillval
2012-11-22 21:54 • beta 2.3_02 • Alternativa post-headers tillagda som tillval
2012-08-04 23:34 • beta 2.3_01 • Massor av länkar och bakgrunden på meddelande fixade
2012-06-30 23:34 • beta 2.3_00 • Slideshow hörn, bakgrund på bannern i ffox och knappar! (knapparna är fortfarande under utveckling och saknas bland annat när man skriver inlägg)
2012-05-05 14:26 • beta 2.2_04 • Fixat bildtexten under bilder utanför textboxen i nyheter
2012-04-10 03:39 • beta 2.2_03 • Flikarna i bannern har fått aningen ljusare text
2012-03-31 15:19 • beta 2.2_02 • Firefox • Fixat bakgrunden på det översta reklamfältet
2012-03-31 02:50 • beta 2.2_01 • Fixat de vita "pilarna" i sidebaren
2012-03-31 02:21 • beta 2.2_00 • Lagt till en stilig bakgrundsbild och fixat några bilder som blev fel pga uppdateringen
2012-03-29 21:03 • beta 2.1_07 • Ljus bakgrund till PHP-code block för läsbarhetens skull (Har inte möjlighet att med css ändra textfärgerna)
2012-03-06 00:37 • beta 2.1_06 • Chrome • Fler bilder förskönade
2012-03-06 23:45 • beta 2.1_05 • Massor av länkar har integrerats i rätt färgschema
2012-03-06 20:33 • beta 2.1_04 • Chrome • Redigerat bildfilen för ett antal ikoner, stort tack till Jornathan för förstoringsglaset.
2012-03-05 18:27 • beta 2.1_03 • Lagt in en bakgrundsfärg på bilder i forumet så att man kan länka testresultat
2012-02-29 01:15 • beta 2.1_02 • Fixat en gradient för "visa mer" knapparna
2012-02-23 01:09 • beta 2.1_01 • Börjat konvertera länkar till orange
2012-02-22 15:45 • beta 2.1_00 • Auto-uppdatering för Chrome och Firefox
2012-02-22 14:04 • beta 2.0_03 • Sidindikatorn fixad i galleriet. Dess färg ändrad "globalt"
2012-02-19 16:39 • beta 2.0_02 • Tabeller med svart bakgrund och svart text fixade
2012-02-19 16:39 • beta 2.0_01 • Installationsvideos skapade till Chrome, Firefox och Opera
2012-02-19 04:48 • beta 2.0_01 • Funktionsikonerna när man skriver meddelande har fått lite neutralare bakgrund
2012-02-19 04:34 • beta 2.0_00 • Fungerar nu i Firefox och Opera!
2012-02-19 02:10 • beta 1.2_00 • Kan nu se testresultaten! Det var den sista stora buggen som känns till
2012-02-19 02:07 • beta 1.1_06 • Bytte till en snyggare färg på maincontent
2012-02-18 20:54 • beta 1.1_05 • Frilade Ubuntu-fonten (För att minska antalet css:er att uppdatera)
2012-02-18 20:26 • beta 1.1_05 • Gjorde så att /forum/översikt matchar de övriga forumssektionerna.
2012-02-18 17:02 • beta 1.1_04 • Gjorde paragraferna i galleriet ljusare.
2012-02-18 01:19 • beta 1.1_03 • Fixade marknads bakgrundsfärg
2012-02-17 17:19 • beta 1.1_02 • Fixade spoilerns bakgrundsfärg
2012-02-17 17:14 • beta 1.1_01 • Lade till stöd för diverse input-fält i stylen
2012-02-17 16:22 • beta 1.1_00 • Lade till en version med lite ljusare text
2012-02-17 16:14 • beta 1.0_03 • Fixade de där lömska citaten igen
2012-02-17 13:44 • beta 1.0_02 • Fixade citat som hade slutat fungera
2012-02-17 12:52 • beta 1.0_01 • Uppdaterade bild-länkar
2012-02-17 12:24 • beta 1.0_00 • Betan upplagd

Dold text
Gamla inlägget
Permalänk
Avstängd

Kan meddela att det är väldigt skönt att läsa på kvällen med detta igång.

Detta borde finnas som ett alternativ till temat som redan finns. Sweclockers är allt annat än läsvänlig när det är mörkt runt omkring en.

Permalänk
Medlem

JA TACK! Jag gillar personligen inte sidor som är ljusa, speciellt inte på kvällen.

Permalänk
Inaktiv

Skulle absolut vilja ha ett sådant tema. Som föregående har skrivit är det mycket skönare att läsa på kvällarna.

Permalänk
Entusiast

Tänkte att jag kunde slänga upp en bild på forumet nu när det finns en lämplig tråd att ta bild på

Permalänk
Medlem

Underbar idé. Jag skulle definitivt vilja ha ett mörkt tema att växla till vid kvällsläsningen.

Permalänk
Medlem

Vore riktigt nice med ett mörkt tema, surfar mycket kvällstid/nattetid här och då vore det gött med ett mörkt tema

Permalänk
Avstängd

Sweclockers borde ta sig till detta tycker jag

Kan ju inte skada att ha som alternativ. Typ "Natt-mode"

Permalänk
Medlem

JA FÖR GUDS SKULL JA!!!

Nejmen

Har många kvällar tänkt att det skulle vara väldigt skönt att kunna växla til lett mörkt tema

Kommer definitivt använda det om det kommer till FF eller Chrome

Permalänk
Medlem

Var signar man upp som betatestare?

Permalänk
Medlem

Kör på Maxthon 3 som browser. Den har funktionen inbyggd, dock lite grå i tonen men klart skönt. Bra ide för övrigt.

Permalänk
Medlem

ja tack! ser mycket bra ut!

Permalänk
Medlem
Skrivet av Rattnalle:

Var signar man upp som betatestare?

Undrar det samma

Permalänk
Avstängd

Även vidarebefodrat det till Sweclockers redaktion!

Dom ska iallafall ta en kik på det https://twitter.com/#!/SweClockers/status/170277904176005121

Kanske slutar som en officiell implementation

Permalänk
Medlem

Ett mörkt tema är något jag har saknat länge ( fast att jag kanske inte har varit medveten om det ).
Mycket bra initiativ måste jag säga.

Permalänk
Medlem

Mycket trevligt ge oss ett mörkare tema bra idé där

Permalänk
Medlem

Bra idé. Vill lägga fram som förslag att inte göra sidan svart utan mörk grå. Det är sällan som riktigt svart ser bra ut. Ta gärna giantbomb.com som inspiration. Annars så, bra initiativ!

Permalänk
Medlem

Vill kunna beta testa det nu så skulle du kunna säga hur man kan det?

Permalänk
Medlem

Skulle gärna ha det som alternativ.

Permalänk
Entusiast
Skrivet av Rattnalle:

Var signar man upp som betatestare?

Skrivet av Grusburk:

Undrar det samma

Skrivet av filipcombat:

Vill kunna beta testa det nu så skulle du kunna säga hur man kan det?

Just nu körs allt lokalt så jag är rädd att det blir en del klydd för att få det att fungera, men jag återkommer när jag har lagt upp det för allmän beskådan

Trevligt att ni är så intresserade

Permalänk
Medlem
Skrivet av Blargmode:

Just nu körs allt lokalt så jag är rädd att det blir en del klydd för att få det att fungera, men jag återkommer när jag har lagt upp det för allmän beskådan

Trevligt att ni är så intresserade

Klydd är bara roligt. Säg till när du tycker att det är redo bara så

Permalänk
Medlem
Skrivet av Blargmode:

Just nu körs allt lokalt så jag är rädd att det blir en del klydd för att få det att fungera, men jag återkommer när jag har lagt upp det för allmän beskådan

Trevligt att ni är så intresserade

har du någon aning om när detta kan ske, inte för att stressa är riktigt intresserad bara,

<3 <3 tack för du tar din tid för detta!

Permalänk
Medlem

Mycker bra initiativ!
Att ha 2 olika att skifta mellan är en mycket bra idé, dom ska inte ta bort standardllooken, men att ha ett mörkt alternativ skulle sitta väldigt bra faktiskt!

Permalänk
Avstängd
Skrivet av Rattnalle:

Klydd är bara roligt. Säg till när du tycker att det är redo bara så

Skrivet av Grusburk:

har du någon aning om när detta kan ske, inte för att stressa är riktigt intresserad bara,

<3 <3 tack för du tar din tid för detta!

Jag och Blargmode håller på med detta nu, rätt mycket att invertera/ändra.

Finns fortfarande en del buggar och Blargmode jobbar på det! Svårt att säga en tidsram dock.

Sen är det ju en fördel ju större uppmärksamhet som denna tråden väcker så det slutligen kan implementeras utan fullösningar

Permalänk
Medlem

Har inte haft en tanke på detta förrän jag såg detta och en av mina favorit färger mixade är svart/orange mot lite gråa ytor

Permalänk
Medlem

Detta var då ingen dum ide! Men hur upplevs kontrasten med tanke på banners och exempelvis bilden till 7950's recension?
Eftersom bakgrunden verkligen är svart så kanske ögonen får en chock när dom ljusa bilderna visas, eller?

Permalänk
Avstängd
Skrivet av smallpox:

Detta var då ingen dum ide! Men hur upplevs kontrasten med tanke på banners och exempelvis bilden till 7950's recension?
Eftersom bakgrunden verkligen är svart så kanske ögonen får en chock när dom ljusa bilderna visas, eller?

Ja, det är ju fortfarande vitt.
Men det påverkar inte alls lika mycket som sidhuvudet och sidorna.

Sålänge bakgrunden är mörk så är det riktigt skönt.

Permalänk
Medlem

Mycket bra initiativ!
Hade helt klart använt ett mörkt framför det ljusa som är nu.

Permalänk
Medlem

Gillade det som någon här ovan sa: typ att det är ett tema som "night mode" och ett för dagen:)

Permalänk
Medlem

Gillar !