[Unofficial Mod] Dark Mode & Modern UI για το Forum (Scribbles2 Redesign)

[Thmmy.gr portal]

  Thmmy.gr portal
   Forum
   Downloads
   Ενεργ. Λογαριασμού
   Επικοινωνία
  
  Χρήσιμα links
   Σελίδα τμήματος
   Βιβλιοθήκη Τμήματος
   Elearning
   Φοιτητικά fora
   Πρόγραμμα Λέσχης
   Πρακτική Άσκηση
   Ηλεκτρονική Εξυπηρέτηση Φοιτητών
   Διανομή Συγγραμμάτων
   Ψηφιακό Καταθετήριο Διπλωματικών
   Πληροφορίες Καθηγητών
   Instagram @thmmy.gr
   mTHMMY
  
  Φοιτητικές Ομάδες
   ACM
   Aristurtle
   ART
   ASAT
   BEAM
   BEST Thessaloniki
   EESTEC LC Thessaloniki
   EΜΒ Auth
   IAESTE Thessaloniki
   IEEE φοιτητικό παράρτημα ΑΠΘ
   SpaceDot
   VROOM
   Panther
  

THMMY.gr Web

Helios_MultiScribbles2SMF Default ThemeSMFone_Blue

[Ανεβάζετε τα θέματα των εξετάσεων στον τομέα Downloads]

Είσαι πρωτοετής;... Καλώς ήρθες! Μπορείς να βρεις πληροφορίες εδώ. Βοήθεια για τους καινούργιους μέσω χάρτη.

Κατεβάστε εδώ το Android Application για εύκολη πρόσβαση στο forum.

Ανεβάζετε τα θέματα των εξετάσεων στον τομέα Downloads με προσοχή στα ονόματα των αρχείων!

Για ανανέωση (ή προσθήκη νέου) avatar, πρέπει η μεγαλύτερη διάσταση της εικόνας να είναι 110 pixels.

[Milk]

Καλησπέρα,

Γνωρίζω ότι η συζήτηση για ανανέωση του forum έχει γίνει πολλές φορές στο παρελθόν. Επειδή προσωπικά περνάω αρκετές ώρες εδώ μέσα (ειδικά βράδια διαβάζοντας) και το κλασικό λευκό theme κούραζε τα μάτια, αποφάσισα να φτιάξω κάτι μόνος μου για να βελτιώσω την εμπειρία μου.

Το αποτέλεσμα είναι ένα "Unofficial Mod" που αλλάζει τελείως την εμφάνιση του Scribbles2 theme, κάνοντάς το μοντέρνο και ξεκούραστο, χωρίς να πειράζει τη λειτουργικότητα του site.



Τι προσφέρει το Theme:
  - Dark Mode: Πλήρες σκούρο θέμα (Dark Grey/Black) για ξεκούραστο διάβασμα.
  - App-Like Experience: Το Header και το Sidebar έχουν αντικατασταθεί από Floating Buttons (πάνω αριστερά και δεξιά). Όταν τα χρειάζεσαι εμφανίζονται με animation, αλλιώς έχεις όλη την οθόνη καθαρή για το περιεχόμενο.
  - Modern UI: λέμε τώρα, δεν ασχολήθηκα και τοσο πολύ

Πώς να το βάλετε τώρα:
Μέχρι (και αν) το προσθέσουν οι διαχειριστές, μπορείτε να το χρησιμοποιήσετε άμεσα στον browser σας μέσω κάποιου extension που επιτρέπει custom CSS (π.χ. Stylus).
Κατεβάστε το extension Stylus (για Chrome, Firefox, Edge κλπ).
Πατήστε το εικονίδιο του extension και επιλέξτε "Write style for: thmmy.gr".
Κώδικας (GitHub): https://github.com/milkcodelabs/Thmmy_new_style

[Milk]

Μαλλον υπ΄΄αρχει όριο λέξεων στις αναρτήσεις, οποτε συνεχίζω εδω,

To παρόν αποτελεί κυρίως proof of concept του οτι υπάρχει η δυνατότητα αισθητικής τουλ΄΄αχιστον αναβάθμισης του forum και βελτίωση της εμπειρίας του χρήστη χωρίς να απαιτεί σοβαρή δουλειά στο backend.

Πρόταση προς τους Διαχειριστές:
Αν σας αρέσει και κρίνετε ότι είναι καλό, θα ήταν χαρά μου να προστεθεί ως επίσημη επιλογή στα Themes του προφίλ (π.χ. ως "Scribbles2 Dark").
Τεχνικά:
Είναι Pure CSS. Δεν απαιτεί αλλαγές σε PHP, βάση δεδομένων ή HTML.
Η χρήση του είναι απλή, απλώς χρειάζεται να γίνει ένα αντίγραφο του Scribbles2 και να προστεθεί ο κώδικας στο τέλος του αντίστοιχου style.css του theme.
Είναι ασφαλές και δεν επηρεάζει τη λειτουργία του forum.

Ελπίζω να σας φανεί χρήσιμο και να δούμε κι άλλα παρόμοια custom themes σαν αυτό να εμφανίζονται στο μέλλον

Περιμένω feedback!

[Mr Watson]

Γεια σου φίλε!

Καταρχάς χαιρετώ το μεράκι σου γι αυτό που έφτιαξες (αν και δεν το δοκίμασα ακόμα). Το σκριν που ανέβασες φαίνεται ωραίο και μίνιμαλ. Μόλις το δοκιμάσω θα επανέλθω με εντυπώσεις.

Δεν ξέρω αν έχεις δει, στο αριστερό side bar, κάτω κάτω υπάρχει το section "Εμφάνιση" όπου μπορείς να διαλέξεις σε 4 διαφορετικά UI του SMF. Ένα από αυτά είναι dark, το Helios_Multi.

[nmpampal]

+10 Για το theme του @Milk. Εκτός από το Scribbles2 που χρησιμοποιώ, οι υπόλοιπες εμφανίσεις του forum είναι δυσανάγνωστες (δεν μπορείς να διαβάσεις ή να δεις το περιεχόμενου του φόρουμ εύκολα).