Vivaldi Forum mod



  • @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 /:



  • Mod for hiding signatures and compact header seems broken on sprucey theme.
    Someone can confirm/disconfirm this? πŸ™‚

    (Wouldn't be better to have this thread in extensions category even if it is specific for this forum?)

    //EDIT: Can confirm that even edit timestamp is "broken" for the moment.



  • @Hadden89 When I started working on the mod a few days ago, I noticed the last edit timestamp feature was broken. Signatures seemed to work fine. No way to check this now, am constrained to Firefox.


Log in to reply
 

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