Vivaldi Forum mod



  • 0_1501243225397_icon48.png
    Install (chrome web store)
    Github


    Over the last year I've been working on an extension for Vivaldi Forum, combining modifications and themes created by members of the community. Vivaldi Forum mod tries to do for the forum, what Vivaldi does for the browser โ€“ providing you with the tools to make it your own.


    Default

    Fixes, improvements and modifications, activated for all users.

    • Link to hidden "edit forum profile" page.
    • Link to options page from avatar dropdown menu (Forum mod).
    • Ability to save custom User CSS code to storage and activate it from options page.
    • Option to dismiss community notifications.
    • Link to Vivaldi Discord in community header dropdown.
    • Copy all code button.
    • Alignment fixes, especially for the margins on profiles and groups on all media widths.
    • Font icon improvements.
    • Removed text decoration from first post tags.
    • Cleaner threaded replies header.
    • Correct cursor over advanced search panel and voting count.
    • Reduced number of font sizes used in posts.
    • Blockquote fontsize fix in search.
    • Line breaks for code.
    • Button spacing.

    Themes

    Theme Machine

    The inbuilt theme machine lets you design themes by defining 7 colors, similarly to the theme interface Vivaldi provides in its browser settings. You can import and share(export) themes by copying and pasting the theme code. Additionally these themes can be further customised with the help of User CSS. Four spots are available, which are prepopulated with a selection of themes. Here a few more:

    Theme Codes

    {"themeName":"Blau","colorBg":"#23273b","colorFg":"#d4efff","colorHi":"#ffffff","colorBtn":"#68a2f2","colorDrop":"#d4efff","colorLi":"#96ffe0","colorLi2":"#d5d0fc"}
    
    {"themeName":"Dracula","colorBg":"#282a36","colorFg":"#f8f8f2","colorHi":"#e2d774","colorBtn":"#6176a5","colorDrop":"#455182","colorLi":"#f279d0","colorLi2":"#8ce2f6"}
    
    {"themeName":"M_O_R","colorBg":"#1d2225","colorFg":"#d2e0d1","colorHi":"#6bcdff","colorBtn":"#94ade6","colorDrop":"#1a2625","colorLi":"#ff6699","colorLi2":"#b1b3f0"}
    
    {"themeName":"Neon","colorBg":"#f6f6f6","colorFg":"#2f3136","colorHi":"#fd3563","colorBtn":"#e3ff00","colorDrop":"#2f3136","colorLi":"#128e9d","colorLi2":"#0062ff"}
    
    {"themeName":"Pony","colorBg":"#fff7fd","colorFg":"#6c4220","colorHi":"#007681","colorBtn":"#f9fadc","colorDrop":"#efe6ee","colorLi":"#ff7f7f","colorLi2":"#005a76"}
    
    {"themeName":"Pro","colorBg":"#2a3132","colorFg":"#d9dacf","colorHi":"#3ea6ba","colorBtn":"#763626","colorDrop":"#363f40","colorLi":"#90afc5","colorLi2":"#b8a68a"}
    
    {"themeName":"Solarized Dark","colorBg":"#002b36","colorFg":"#93a1a1","colorHi":"#d33682","colorBtn":"#268bd2","colorDrop":"#073642","colorLi":"#859900","colorLi2":"#2aa198"}
    
    {"themeName":"Solarized Light","colorBg":"#fdf6e3","colorFg":"#586e75","colorHi":"#d33682","colorBtn":"#6c71c4","colorDrop":"#eee8d5","colorLi":"#b58900","colorLi2":"#2aa198"}
    
    {"themeName":"Brown","colorBg":"#000000","colorFg":"#ffffff","colorHi":"#ff8800","colorBtn":"#0a0a0a","colorDrop":"#171108","colorLi":"#ffff33","colorLi2":"#ff8800"}
    
    {"themeName":"Dรฉgradรฉ","colorBg":"#170706","colorFg":"#ffd4e4","colorHi":"#ffd7e5","colorBtn":"#fff1f8","colorDrop":"#1b0806","colorLi":"#f5b0c4","colorLi2":"#fcf6e0"}
    

    Community Themes

    Choose between the Standard (default Vivaldi) and 4 themes created by members of the community.

    • Standard
    • DarkGrey
    • LightGrey
    • Mod
    • Sprucey Bonus Dark

    Modifications

    Select any number of modifications to adapt Vivaldi to your needs and preferences.

    Modification Description
    Advanced formatting Adds an emote picker and extra formatting buttons. Allows you to drag to reorder, remove from and add to the formatting toolbar, when editing your forum posts.
    Auto-hide header on scroll Hides the header when you scroll down, shows it when you scroll up.
    Bookmarks in navigation Displays a link to the bookmarks page in the main navigation, for easy access.
    Compact header Sets the header to its original height and removes redundant links.
    Custom notification icons Displays font icons in the header's notification dropdown, to quickly distinguish one type of notification from another.
    Hide tooltips Hides login menu tooltips.
    Hide unread count Hides the unread count icon in the navigation bar.
    Last edit timestamp Displays the time of last edit in local time on bottom of edited posts.
    Show User IDs Shows UIDs when hovering the username at top of a post and when hovering a user's avatar on their profile.
    Signature mod Hides all signatures and replaces each with a button. When clicked, the signatures of individual posts will be displayed.
    Square avatars Square avatars everywhere!

    Translations

    Vivaldi 2.0 introduces translations. Following languages have been released and are being worked on actively:

    • French
    • German
    • Italian
    • Spanish

    Wanna help out? You can by deciding to


    Contribute

    Any input is appreciated. If you want to find out more about how to contribute, please take a look at the README section on Github.

    A special thank you @

    for writing code / helping out / translating the project.


    This is a feedback thread, constructive criticism is welcome. You can request features, report inconsistencies and share themes.
    Let me know what you think and have fun!


  • Community Manager

    Huge congrats @luetage ! This is really amazing. We tested it internally and love it! โค
    Thank you ๐Ÿ™
    Here's one of my favorite:
    0_1501245335803_Screen Shot 2017-07-28 at 14.34.36.png



  • @luetage You are seriously good! Thanks for this community gift. ๐Ÿค—


  • Moderator

    Very nice. Thanks!



  • Yes, thank you very much.

    Cheers, mib


  • Moderator

    @mib2berlin But strange that you set vivaldi.net as developer's website in upload of Google Store.



  • @Gwen-Dragon, hi, I donยดt understand what you are talking about.
    My englisch is a bit rusty. ๐Ÿ”ง

    Cheers, mib


  • Moderator

    @mib2berlin said in Vivaldi Forum mod:

    @Gwen-Dragon, hi, I donยดt understand what you are talking about.
    My englisch is a bit rusty. ๐Ÿ”ง

    Gwen Dragon is waiting โ€ฆ talking ๐Ÿ‡ฉ๐Ÿ‡ช ๐Ÿ˜‰
    Gehe bitte auf https://chrome.google.com/webstore/detail/vivaldi-forum-mod/hipnollokpifchndpfhnlfjbdnkhiigg/, dort iset der Link Website und das ist normalerweise die Website des Entwicklers und oben bei "angeboten von luetage" auch vivaldi.net.
    Somit ist der Ersteller der Erweiterung schwer zu identifizieren und nicht jeder traut sowas zu installieren.
    Hรคtte je sein kรถnnen, das beim Upload was schief ging.



  • All clear now. ๐Ÿ™‚

    Cheers, mib



  • @Gwen-Dragon On the dashboard it isn't called developer's website, but "Link to website for your item", that's why I assumed for an extension it should be the site it is running on?

    But no idea, If you think linking to Vivaldi forum looks malicious I'll take the link down.
    lol


  • Moderator

    @luetage said in Vivaldi Forum mod:

    If you think linking to Vivaldi forum looks malicious I'll take the link down.

    Hmm, that is your extension. Do not understand wrong, i like your work! ๐Ÿ† ๐Ÿ† ๐Ÿ†

    If i see a program from a unknown developer and see the link Website i expect a URL to the developers website, not to a big forum. As unknown devs can create extensions stealing data or injecting ads it is useful to know who is the developer of the extension.
    But that is my trust procedure i use.



  • Oh yeah, I have to admit I never clicked this link on any extension before. It turns out most developers link to a webpage dedicated to the extension. Since this would be useless for a forum extension I'll just take it down.


  • Moderator

    @luetage Ah, i see you removed it.


  • Moderator

    Awesome ๐Ÿ˜ thanks ๐Ÿ™‚ ๐Ÿ™‚


  • Moderator



  • Sweet - now reading with dark background - I really love it ๐Ÿ˜ƒ



  • Submitting DarkGrey and updating LightGrey



  • Amazing! Thank you very much.



  • There is one thing that irritates me a bit. When I click on "Reply" after the last post or hit reply to the last post and the text field pops up I can scroll down below the last post in the forum anymore. Most times I need this to quote some part of a post or reread something.

    Without the extension this does work - or I screwed up the extensions settings that could be an option too.
    I've set the forum mod to Sprucy Bonus Dark; Autohide header at scroll; Last Edit Time Stamp.

    Any ideas?

    EDIT: pics to show what I mean - both times I clicked on the reply button to my own post - than scrolled down as much as possible.
    EDIT 2: Oh, I made some pics for ants - sorry for that. I fear you'll need to enlarge them to see something ๐Ÿ˜ฐ

    0_1501752999569_001.png



  • Yeah, thanks for reporting this. It has nothing to do with auto-hide header on scroll, it works if you set the theme to standard. But it doesn't work if you select any of the custom themes. I don't know yet what is causing it, since the standard theme is also loaded from the extension. Will look into this a bit later. For now you can simply click the round composer button at the bottom right, which will hide the whole composer. There will be an update to the extension soon, hopefully I find out what is causing this by then.


 

Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.