Forum Mjukvara Programmering och digitalt skapande Tråd Inlägg

SweClockers Dark - Ett modernt mörkt tema

3 4 5 6 7 8 9 10
Skriv svar
Permalänk
Ljusskygg ★
●

Version 23.32.1857

Har lagt märke till att panorama annonserna förstör synligheten lite på vissa delar

Testade lite olika metoder, och kom fram till att ha en bakgrund som läggs på bakom huvud innehållet ifall den upptäcket en panorama annons. Det är samma som den vanliga innersta bakgrundsfärgen

Sen behöll jag drop-shadow på knapparna ifall det skulle vara något annat som slinker förbi

Före:

Med drop-shadow:

Med bakgrund:

Version 23.32.1857

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Geeks
Jobbar med data ★
●

Tja! Vi tog äntligen steget och gjorde om all CSS till (S)CSS. Kunde inte se några uppenbara fel för det mörka temat, men vi har ändrat på lite positioner (inte döpt om klasser) och det kan ha blivit fel när något element ärver egenskaper.

Ser något väldigt knasigt ut så kommer vi att rätta det på vår sida - för att inte skapa dubbeljobb.

npm --version
9.4.1

Stötte på lite problem med nyare versioner av npm, finns olika lösningar på det så öppnade ingen PR.

PS C:\www\SweClockers-Dark> npm run browser-sync

> browser-sync
> node scripts/browser-sync.js

file:///C:/www/SweClockers-Dark/scripts/browser-sync.js:1
const browserSync = require('browser-sync').create();
                    ^

ReferenceError: require is not defined in ES module scope, you can use import instead
This file is being treated as an ES module because it has a '.js' file extension and 'C:\www\SweClockers-Dark\package.json' contains "type": "module". To treat it as a CommonJS script, rename it to use the '.cjs' file extension.
    at file:///C:/www/SweClockers-Dark/scripts/browser-sync.js:1:21
    at ModuleJob.run (node:internal/modules/esm/module_job:195:25)
    at async Promise.all (index 0)
    at async ESMLoader.import (node:internal/modules/esm/loader:337:24)
    at async loadESM (node:internal/process/esm_loader:88:5)
    at async handleMainPromise (node:internal/modules/run_main:61:12)

Jag valde att ändra package.js och

"type": "commonjs"

från det tidigare "module" och då spann "npm run local" (och browser-sync) upp som det skulle.

Redigera
Citera flera Citera
Permalänk
Medlem
●

Skönt med mörkt tema, men tycker att det är lite svårt att tyda kategorierna under forumsdelen.

Försökt luska ut var jag kan ändra det själv, men inte lyckats särskilt bra.
Har inga direkt förslag på hur man kan förbättra synligheten

Detta problem kanske är högst individuellt men jag personligen känner att jag vill kunna tyda kategorierna bättre.
Något ni kan lösa alternativt peka mig var jag ändrar detta?

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av jreklund:

Tja! Vi tog äntligen steget och gjorde om all CSS till (S)CSS. Kunde inte se några uppenbara fel för det mörka temat, men vi har ändrat på lite positioner (inte döpt om klasser) och det kan ha blivit fel när något element ärver egenskaper.

Ser något väldigt knasigt ut så kommer vi att rätta det på vår sida - för att inte skapa dubbeljobb.

Gå till inlägget

Skönt att höra!
Jag är nog en av väldigt få som valde att använda Stylus istället

Ifall det blir fel någonstans så förlitar jag mig på att någon kommer in och berättar det

Skrivet av jreklund:

Jag valde att ändra package.js och

"type": "commonjs"

från det tidigare "module" och då spann "npm run local" (och browser-sync) upp som det skulle.

Gå till inlägget

Problemet var att jag inte hade konverterat klart alla .js filer till ES6, men det är fixat nu!

Skrivet av Zoth:

Skönt med mörkt tema, men tycker att det är lite svårt att tyda kategorierna under forumsdelen.

Gå till inlägget

Menar du exempelvis att raderna har samma färg?

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Soitora:

Skönt att höra!
Jag är nog en av väldigt få som valde att använda Stylus istället

Ifall det blir fel någonstans så förlitar jag mig på att någon kommer in och berättar det

Problemet var att jag inte hade konverterat klart alla .js filer till ES6, men det är fixat nu!

Menar du exempelvis att raderna har samma färg?

https://i.imgur.com/yEFbKjV.png
https://i.imgur.com/f7C8vFb.png

Gå till inlägget

Ja, precis det jag menar. Svårt att tyda när nästa forumdel dyker upp.

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av Zoth:

Ja, precis det jag menar. Svårt att tyda när nästa forumdel dyker upp.

Gå till inlägget

Testa version 23.36.1938 och sätt på "Accessibility: Row contrast" och säg om det hjälper något

Den är dock global på alla "tabeller" (<table/>), så ifall du märker något knasigt till följd av detta, rapportera gärna tillbaka

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Soitora:

Testa version 23.36.1938 och sätt på "Accessibility: Row contrast" och säg om det hjälper något

Den är dock global på alla "tabeller" (<table/>), så ifall du märker något knasigt till följd av detta, rapportera gärna tillbaka

Gå till inlägget

Ja, det kändes bättre. Hojtar till om det är något annat som blir knastigt till följd av den ändringen.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

tjenar, går det att få igång i Edge?

edit, de gick fint

Senast redigerat
Visa signatur

13900KS | 32GB 6400 DDR5 | 4090 FE | Samsung G8 Oled
ASUS ROG Strix Z790-F Gaming | Fractal Torrent White | Corsair HX1200

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av Oneone:

tjenar, går det att få igång i Edge?

edit, de gick fint

Gå till inlägget

Skönt att du hittade !
Stylus finns nämligen inte i Microsoft Edge Add-ons hemsidan, men däremot så kan man b.la installera den igenom Chrome Web Store

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Hur får ni till mörkt tema på sweclockers? Jag vill helst undvika använda add-ons för dom gör att visa hemsidor inte blir så bra.

Jag tror fortfarande på premium idéen som jag nämnt tidigare. Hade lätt betalat 500 kronor för att få mörkt tema på sweclockers.

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av dblade:

Hur får ni till mörkt tema på sweclockers? Jag vill helst undvika använda add-ons för dom gör att visa hemsidor inte blir så bra.

Jag tror fortfarande på premium idéen som jag nämnt tidigare. Hade lätt betalat 500 kronor för att få mörkt tema på sweclockers.

Gå till inlägget

Om man installerar Stylus och kör in det mörka temat så påverkar det inte andra sidor alls. Inte heller om du kör violentmonkey och kör Better Sweclockers som även har detta mörka tema. Påverkar inte heller andra sidor.

Visa signatur

Custom SweC - Optimerar utseendet på Sweclockers. 14 Mars: Nu i version 0.5.2 med nya funktioner!
Installera Custom SweC UserCSS
Glöm inte att Geeks har en egen Discord-server: discord.geeks.se

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av dblade:

Hur får ni till mörkt tema på sweclockers? Jag vill helst undvika använda add-ons för dom gör att visa hemsidor inte blir så bra.

Jag tror fortfarande på premium idéen som jag nämnt tidigare. Hade lätt betalat 500 kronor för att få mörkt tema på sweclockers.

Gå till inlägget

Precis som Lagers svarar så är den bara aktiv på sidor du har installerat teman på. Sen så ska inte Stylus påverka prestanda alls (om du inte kör några onödigt tunga teman), jag har då aldrig märkt någon skillnad på/av och har använts på både snabba och slöa datorer i massor av år.

Sen tycker jag själv att du aldrig bör låsa ett mörkt tema bakom en peng, det finns massor av anledningar till att vilja stödja SweClockers finansiellt, men ett mörkt tema är inte en särskilt attraktiv anledning. Speciellt i dagens läge där de flesta tjänster erbjuder detta helt gratis.

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

@Soitora
Det verkar vara lite fel i senaste versionen:

Stylus failed to parse usercss:
Invalid @var number: value must be a number or an array

(Tror det borde stå "select" snarare än "number" även på rad 45?)

Visa signatur

Desktop spel m.m.: Ryzen 9800X3D || MSI X870 Tomahawk Wifi || MSI Ventus 3x 5080 || Gskill FlareX 6000 64GB || Kingston KC3000 2TB || Samsung 970 EVO Plus 2TB || Samsung 960 Pro 1TB || Fractal Torrent || Asus PG42UQ 4K OLED
Arbetsstation: Ryzen 7945HX || Minisforum BD790i || Asus Proart 4070 Ti Super || Kingston Fury Impact 5600 65 GB || WD SN850 2TB || Samsung 990 Pro 2TB || Fractal Ridge
Proxmox server: Ryzen 5900X || Asrock Rack X570D4I-2T || Kingston 64GB ECC || WD Red SN700 1TB || Blandning av WD Red / Seagate Ironwolf för lagring || Fractal Node 304

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av evil penguin:

@Soitora
Det verkar vara lite fel i senaste versionen:

Stylus failed to parse usercss:
Invalid @var number: value must be a number or an array

(Tror det borde stå "select" snarare än "number" även på rad 45?)

Gå till inlägget

Vet inte hur jag missade det, men tack för heads up

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

@Solitora : Jag har använt BSC ett tag nu för att få ditt mörka tema, men upptäckte nu när jag började använda stylus att du lagt in mitt lilla skript för att ta bort signaturer. Superbra ju. Jag kör med liten text där eftersom en del refererar till sin signatur men bra att fler kan ha nytta av att ta bort den.

Tycker att Sweclockers skulle tipsa om ditt mörka tema och BSC så fler kunde använda de till SweC

Visa signatur

Custom SweC - Optimerar utseendet på Sweclockers. 14 Mars: Nu i version 0.5.2 med nya funktioner!
Installera Custom SweC UserCSS
Glöm inte att Geeks har en egen Discord-server: discord.geeks.se

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av Lagers:

@Solitora : Jag har använt BSC ett tag nu för att få ditt mörka tema, men upptäckte nu när jag började använda stylus att du lagt in mitt lilla skript för att ta bort signaturer. Superbra ju. Jag kör med liten text där eftersom en del refererar till sin signatur men bra att fler kan ha nytta av att ta bort den.

Tycker att Sweclockers skulle tipsa om ditt mörka tema och BSC så fler kunde använda de till SweC

Gå till inlägget

Tyckte det var en bra idé nämligen att kunna dölja signaturer, då de ofta tar mycket plats utan någon särskild nytta 🫡

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Nyligen bytt webbläsare på mobilen till en som kan använda riktiga extensions igen, så får äntligen tillbaka mörkt tema på mobil.

Helt underbart 😊

Visa signatur

i5-7600k . GTX 1080 . 16 GB

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Någon som kan förklara varför det blir såhär:

EDIT: NVM, verkar som att swecs egna mörka tema hade aktiverats.

Senast redigerat
Visa signatur

Case: Fractal Design Torrent Solid Black MOBO: ASUS ROG STRIX X670E-A GAMING WIFI CPU: AMD Ryxen 7 7800X3D CPU cooler: Noctua NH-D15 RAM: G.Skill Trident Z5 Neo DDR5 6000MHz CL30 32GB GPU: ASUS RTX 5080 16GB ROG Astral OC PSU: ROG Strix 1000W Gold Aura Edition M2: Kingston Fury Renegade 2TB Fans: 4x Noctua NF-A12x25
Monitor: ASUS ROG Swift PG27AQDM 27" 240Hz 1440p OLED QHD Mouse: Razer Viper v3 Pro Wireless
Mousepad: Artisan Raiden Keyboard: Wooting 80HE Headset: Audeze Maxwell Mic: Blue Yeti X

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

@Soitora

Den nya funktionen som gör att tummen blir orange om man gillar ett inlägg fungerar inte med temat aktiverat. Är det något du (eller någon annan) kan kika på?

Tack på förhand och Glad Påsk! 🐤

Visa signatur

EndeavourOS: Your search for the best Arch distro ends here
7800X3D » RX6950XT » G.SKILL 32GB » LG OLED42C35LA

Redigera
Citera flera Citera
Permalänk
Ljusskygg ★
●
Skrivet av immutable:

Den nya funktionen som gör att tummen blir orange om man gillar ett inlägg fungerar inte med temat aktiverat. Är det något du (eller någon annan) kan kika på?

Tack på förhand och Glad Påsk! 🐤

Gå till inlägget

Hej

Jag har nu lagt en hotfix som ska fixa tummen enligt de nya SweClockers ändringarna
Tummen blir färgad om du själv gillar ett inlägg, och om det är populärt blir även siffran färgat (oberoende om du har gillat)

Glad påsk 🐤

Visa signatur

» Skaparen av SweClockers Dark - Ett modernt mörkt tema

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

Hur kan man ändra färgen på rubriker?

https://imgur.com/hI24Z99
Man flir flashad på OLED.

Hade varit nice å få detta uppdaterat för de nya ikonerna osv på framsidan också!

Senast redigerat
Visa signatur

Case: Fractal Design Torrent Solid Black MOBO: ASUS ROG STRIX X670E-A GAMING WIFI CPU: AMD Ryxen 7 7800X3D CPU cooler: Noctua NH-D15 RAM: G.Skill Trident Z5 Neo DDR5 6000MHz CL30 32GB GPU: ASUS RTX 5080 16GB ROG Astral OC PSU: ROG Strix 1000W Gold Aura Edition M2: Kingston Fury Renegade 2TB Fans: 4x Noctua NF-A12x25
Monitor: ASUS ROG Swift PG27AQDM 27" 240Hz 1440p OLED QHD Mouse: Razer Viper v3 Pro Wireless
Mousepad: Artisan Raiden Keyboard: Wooting 80HE Headset: Audeze Maxwell Mic: Blue Yeti X

Redigera
Citera flera Citera
3 4 5 6 7 8 9 10
Skriv svar