Vivaldi Forum mod



  • @CantankRus I have the same issue: sometimes (not every time), the forum loads Neon on start instead on my own theme, only in the main page (navbar and header are not affected).



  • @hlehyaric @CantankRus
    You're using an unsupported version, the behavior you're experiencing isn't bugged at all but to be expected.

    It's unfortunate, I first got sick and then was away, I've been only on mobile for a while. But I'm back now…



  • @luetage We've just reported an issue, not asking for a fix right now (just in case this point would have not been clear 😉)
    I can't speak on behalf on @CantankRus, but for me it's a minor annoyance, though I'm pretty sure a fix will come in due course.
    Above all, take care of you. We need you more than you imagine.



  • @luetage
    No problem... I thought you were after feedback on this version.
    Hope your feeling better.



  • I'm working on a new theme (probably called Chocolate after the background pattern). It's not even half done, but if you'd like to help me (as I'm usually OK with half-done things (i.e. the text is readable)) or test (and notify me of missing parts):

    body, #header-menu {
        /* Background pattern (a bit darkened) from https://leaverou.github.io/css3patterns/#chocolate-weave */
        background: linear-gradient(45deg, #ba8 13%, transparent 0, transparent 88%, #ba8 0),
            linear-gradient(135deg, transparent 37%, #863 0, #863 63%, transparent 0),
            linear-gradient(45deg, transparent 37%, #ba8 0, #ba8 63%, transparent 0) #531;
        background-size: 25px 25px;
        color: #fff !important;
    }
    #vivaldiheader {
        background: transparent;
    }
    #submenu, #header-menu {
        border-bottom-width: 0;
    }
    #vivaldimenu a,
    #vivaldimenu a.current,
    #vivaldimenu a:hover {
        color: #fff;
    }
    #vivaldimenu ul {
        background: #000a;
        backdrop-filter: blur(2px);
        border-width: 0;
        border-radius: 5px;
    }
    #vivaldimenu ul li {
        border-top-color: #000d;
    }
    #vivaldimenu ul li a:hover {
        background: #fff8;
        color: #000;
    }
    #vivaldiheader a, #vivaldiheader a:active, #vivaldiheader a:focus, #vivaldiheader a:visited {
        color: #fff;
    }
    #search-button {
        color: #fff;
    }
    #vivaldilogo {
        background: url('chrome-extension://pgmhhogphakajgbmbankhhjocdjmbbed/themes/img/logo-white.png') no-repeat;
    }
    #vivaldilogo img {
        display: none !important;
    }
    .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
        background: #0008;
    }
    .dropdown-menu {
        background-color: #000a;
        backdrop-filter: blur(2px);
        color: #fff;
    }
    .dropdown-menu a {
        color: #fff !important;
    }
    .dropdown-menu a:hover {
        background: #fffa !important;
        color: #000 !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .notification-list li.unread,
    .notifications-list li.unread {
        background: #fffa !important;
        color: #000 !important;
    }
    .notification-list li.unread .text,
    .notification-list li.unread .relTime,
    .notification-list li.unread .mark-read:after,
    .notification-list li.unread::before,
    .notifications-list li.unread .text,
    .notifications-list li.unread .relTime,
    .notifications-list li.unread .mark-read:after,
    .notifications-list li.unread::before {
        color: #000 !important;
    }
    .notification-list li:not(.unread) .text,
    .notification-list li:not(.unread) .relTime,
    .notification-list li:not(.unread) .mark-read:after,
    .notification-list li:not(.unread)::before,
    .notifications-list li:not(.unread) .text,
    .notifications-list li:not(.unread) .relTime,
    .notifications-list li:not(.unread) .mark-read:after,
    .notifications-list li:not(.unread)::before {
        color: #fff !important
    }
    
    #submenu {
        background: #0008;
        backdrop-filter: blur(1px);
    }
    #submenu a:focus, #submenu a:hover, #submenu li.active>a {
        background: #fffa;
        color: #000;
    }
    
    #panel {
        background: transparent;
    }
    #content {
        background: #000a;
        backdrop-filter: blur(2px);
        margin-top: 20px;
        border-radius: 10px;
        padding-left: 50px;
        padding-right: 50px;
    }
    .categories>li:hover,
    .category>ul>li:hover {
        background-color: #0004;
    }
    .category .category-item, .topic .topic-item {
        transition: none;
    }
    .categories .description, .category .description, .subcategory .description {
        color: #ececec;
    }
    #category-no-topics {
        background: #444a;
        border-color: #888;
        border-width: 0 0 0 5px;
        color: #fff;
        margin-top: 20px;
    }
    .topic [component="post/parent"], .topic [component="post/parent"]:hover, .topic [component="post/parent"]:active, .topic [component="post/parent"]:focus {
        background-color: #fff8 !important;
        color: #000 !important;
        text-decoration: none !important;
    }
    [component="post"] .post-footer .pull-right a {
        color: #ff4d4d !important;
    }
    .topic [component="post/upvote"]:not(.upvoted),
    .topic [component="post/downvote"]:not(.downvoted) {
        background-color: #fff4;
    }
    .topic [component="post/upvote"]:not(.upvoted):hover,
    .topic [component="post/downvote"]:not(.downvoted):hover {
        background-color: #fff6;
    }
    .topic [component="post/upvote"].upvoted {
        background-color: #5fbf5f !important;
    }
    /* Just for case downvotes will return... */
    .topic [component="post/downvote"].downvoted {
        background-color: #bf5f5f !important;
    }
    [component="user/picture"] + .fa.fa-circle[component="user/status"] {
        opacity: .7;
    }
    
    ul.pagination {
        border: 1px solid #8888;
        border-radius: 5px;
    }
    ul.pagination>li:first-child a {
        border-radius: 5px 0 0 5px;
    }
    ul.pagination>li:last-child a {
        border-radius: 0 5px 5px 0;
    }
    ul.pagination>li>a, ul.pagination>li>span {
        background-color: #0008;
        color: #fff;
        border-width: 0;
        margin-left: 0;
    }
    ul.pagination>li>a:focus, ul.pagination>li>a:hover, ul.pagination>li>span:focus, ul.pagination>li>span:hover,
    ul.pagination>.active>a, ul.pagination>.active>a:focus, ul.pagination>.active>a:hover, ul.pagination>.active>span, ul.pagination>.active>span:focus, ul.pagination>.active>span:hover {
        background-color: #fff8;
        color: #000;
    }
    ul.pagination>.disabled>a, ul.pagination>.disabled>a:focus, ul.pagination>.disabled>a:hover, ul.pagination>.disabled>span, ul.pagination>.disabled>span:focus, ul.pagination>.disabled>span:hover {
        background-color: #0008;
        color: #888;
    }
    #vivaldifooter a {
        color: #fff;
    }
    
    /* Post composer */
    .composer {
        background: #000a;
        backdrop-filter: blur(2px);
    }
    .composer .formatting-bar .formatting-group li i {
        color: #ccc;
    }
    .composer .formatting-bar .formatting-group li:hover,
    .composer .formatting-bar .formatting-group li:focus {
        background-color: #8888;
    }
    .composer .write {
        border-color: #444a;
        background-color: #000a;
        color: #fff;
    }
    .composer .preview.well {
        background: transparent; /* or #0008 */
        border-color: transparent; /* or #4448 */
    }
    .composer .title {
        background-color: transparent;
    }
    .composer .mobile-navbar {
        background-color: #0004;
    }
    
    .modal-content {
        background: #000a;
        backdrop-filter: blur(2px);
    }
    .modal-dialog button.close {
        color: #aaa;
        text-shadow: none;
        opacity: 1;
    }
    .modal-footer {
        border-top-color: #000;
    }
    
    /* Chat */
    .chat-modal .chat-content li.chat-message .message-body-wrapper:hover .message-body, .expanded-chat .chat-content li.chat-message .message-body-wrapper:hover .message-body {
        background: transparent;
    }
    
    /* Search */
    .alert-info {
        background-color: #0804;
        color: #7fff7f;
        border-color: #0808;
    }
    .panel {
        background-color: #0008;
        border-radius: 5px;
    }
    .panel-default {
        border-color: #8888;
    }
    
    /* Notifications */
    .alert-window .alert {
        background-color: #000a;
        backdrop-filter: blur(2px);
        box-shadow: none;
    }
    .alert-window .alert .close {
        color: #fff;
        text-shadow: none;
    }
    
    /* Profile */
    .account .profile .profile-meta strong {
        color: #aaa;
    }
    /* Settings */
    .list-group-item {
        background-color: #333a;
        border-color: transparent;
    }
    
    a {
        color: #f00;
    }
    blockquote {
        background: #0008;
        border-left-color: #333;
    }
    .topic .posts .content .toggle {
        background: #fff8;
        color: #000;
        border-color: transparent;
    }
    hr {
        border-top-color: #555;
    }
    code {
        font-family: 'Hack', monospace;
    }
    :not(pre) > code {
        background: #fff8;
        color: #000;
        border-radius: 3px;
    }
    pre:not(.markdown-highlight) {
        background-color: #2228;
        color: #fff;
        border-color: #8884;
        border-radius: 5px;
    }
    .hljs {
        color: #fff;
    }
    .btn-primary, .btn-info {
        background: #888a;
        color: #fff !important;
        border-color: transparent;
    }
    .btn-primary:hover, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus,
    .btn-info:hover, .btn-info:active, .open > .dropdown-toggle.btn-info {
        background: #aaaa;
    }
    .btn-default {
        background: #000a;
        color: #fff;
        border-color: #888a;
    }
    .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
        background: #444a;
        color: #fff;
        border-color: #888a;
    }
    .form-control {
        background-color: #333a;
        color: #fff;
        border-color: #888 !important;
        box-shadow: none !important;
    }
    
    /* ====================================================================ADDED LATER==================================================================== */
    .chat-list.chats-list {
        color: #fff;
    }
    .chat-list.chats-list,
    .header .chat-list > li:not(:last-child) {
        border-color: #444;
    }
    .chat-list.chats-list > li:hover {
        background: #5558;
    }
    

    You may need to enable vivaldi://flags/#enable-experimental-web-platform-features



  • Will the chrome web store version be updated, or has the support for it been discontinued?



  • @AltCode Of course it will be updated.



  • e95530fb-4485-42fa-b1b9-02f6599e998f-image.png

    since the forum update the bar at the top is displayed in the wrong way.
    There was a another fault at the botton, but I can't reproduce it



  • @derDay There have been numerous changes to the design, the whole mod has to be rewritten. Will take some time.



  • @luetage don't hurry 🙂



  • @luetage You're back. That's good news! 🎉👏



  • @derDay You have to stop using Compact Header mod and the glitch will disappear.
    Otherwise, open in a text editor compact-header.css and compact-header-alt.css files in the extension folder and modify #vivaldiheader to #vivaldi-header. I don't know if that's the right solution, but it works.



  • @hlehyaric ah, thank you for the hint!



  • @derDay You're welcome.



  • @luetage Welcome back!!!!!!! Happy to read a message from you!
    (and, by the way, happy new year! - still not too late to share our best wishes 😉



  • Well, bad news. My private computer at home has died Thursday evening and at this point I'm not sure I will be able to repair it. I can boot live images, but persistent live images fail, which makes doing anything meaningful quite impossible. Will have to look for a replacement over the next week.



  • @luetage On this website I bought a new PC four months ago at a low price.

    The special thing about it is, you put your PC together the way you want to have it, and only then the PC will be built exactly according to your wishes.

    The service of this company is great. The card reader had to be replaced. Called at Memory PC...immediately talked to a service employee, within 48 hours I received a new card reader.

    https://www.memorypc.de/



  • @luetage Ouch! What a nightmare. I hope you'll be able to recover your data soon.



  • @luetage I guess you have some back up, thanks to time machine or other tool. The hardest task is the replacement (a new mac with catalina?).
    Regarding VF Mod, we're not in a hurry. We can wait for some weeks. Computer first, then (maybe) extension.



  • I have zero data loss, because of backups. Just no machine to do programming on /:


Log in to reply
 

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