Design

• B

  This topic is deleted!
  

  1
  0
  VOTES
  1
  Posts
  12
  Views

  No one has replied

• S

  Background of the Person Avatar is Black
  

  3
  0
  VOTES
  3
  Posts
  123
  Views

  S

  Thank you. I really would like to see a solution from vivaldi team. I wanna use profiles but I want them to be visible only in menu, because it is usually very rare operation to switch user and I don't wanna waste my panel space for this...
• 

  Vivaldi logos
  logo •

  3
  2
  VOTES
  3
  Posts
  101
  Views

  

  @Gwen-Dragon, much thanks for the link.
• T

  Round icon
  

  1
  1
  VOTES
  1
  Posts
  100
  Views

  No one has replied

• 

  Post your color scheme at Vivaldi 🔴⚪️🔵
  speed dial themes customize color •

  102
  8
  VOTES
  102
  Posts
  16051
  Views

  

  Just a small update with a new background and a couple of new/updated Speed Dials: Here's my color scheme if anyone is interested: Background: #3b3b3b Foreground: #f6f6f6 Highlight: #0080c08 Accent: #cd3f37
• D

  Make Vivaldi look like Chrome?
  

  3
  0
  VOTES
  3
  Posts
  386
  Views

  

  If you want, you can make Vivaldi look like IE
• M

  Speed Dial without images. Table style with icons
  

  1
  0
  VOTES
  1
  Posts
  199
  Views

  No one has replied

• 

  Custom CSS storage path in user space
  

  3
  0
  VOTES
  3
  Posts
  184
  Views

  

  @AsterX Vivaldi currently provides no way of saving modifications to the application. The only sane way to go about this is to write a bash script to load your mods/page_actions, which you run after Vivaldi has been updated. Take a look at the Modding forum board, which features bash scripts for all operating systems. I'm running additional page actions too and load them in this fashion. Getting your mods back in takes less than 3 seconds with this method.
• D

  Why I Use Another Browser
  

  6
  -1
  VOTES
  6
  Posts
  377
  Views

  

  @LonM There's is no accounting for taste. One man's meat is another man's poison. I hope that one day we will get skins like Opera, but it may be years away yet. CSS mods are the way to go for now. Opera DTA (My default skin) Opera Standard Skin Opera Glasses (my crude enlargement of Opera Classic) Chosen Button (My favourite, but still needs work) Opera Phoenity (Another favourite) Mocha Dark (I don't like dark skins, but I keep a few) Mirage Alpha
• C

  Chrome App Workaround (NO ADDRESS BAR)
  

  1
  0
  VOTES
  1
  Posts
  190
  Views

  No one has replied

• 

  Make bookmarks bar same "pane" as address bar.
  

  6
  0
  VOTES
  6
  Posts
  324
  Views

  

  @pafflick Okay, maybe some day I'll dig into the CSS stuff and learn how to do it. I probably should have posted this under Feature Requests>Themes.
• M

  New version 'customisable toolbar'
  customize toolbar •

  2
  0
  VOTES
  2
  Posts
  302
  Views

  

  @MeesterChris Yes, it is still far from what we need, but it is a start. This method could be used to reorder the icons on the status bar and the navigation bar (bottom code). @LonM said in Move Hide/Show Panel Button to Right if Panels are on the Right: The latest snapshot has re-built the toolbar icons so they can be hidden. What they didn't say in the blog post (largely because it's not doable via a menu yet) is you can also re-order things. You can now make the panel toggle appear on the right, without the need for any mods at all: Visit vivaldi://inspect Click Apps on the sidebar Click the topmost Inspect button In the window that opens, navigate to the Console tab Click in the white space at the bottom of this area, and paste the following and press enter: vivaldi.prefs.set({path: "vivaldi.toolbars.status", value:["SyncStatus", "StatusInfo", "TaskList", "VersionInfo", "CaptureImages", "TilingToggle", "ImagesToggle", "PageActions", "Zoom", "PanelToggle"]}); You can now close the window that opened Using this method will also sync the changes across all Vivaldi instances, if you have sync enabled. And you won't need to re-install the mod every time Vivaldi updates. vivaldi.prefs.set({path: "vivaldi.toolbars.navigation", value:['Rewind', 'Back', 'Reload', 'Forward', 'FastForward', 'Home']});
• A

  Remove Panels or make it option just like Settings Tab
  tabs panels design •

  4
  0
  VOTES
  4
  Posts
  257
  Views

  

  For some of the panels you can open their equivalents in tabs: vivaldi://bookmarks vivaldi://history vivaldi://downloads Window is basically the tab bar, which you can place wherever you want. The only panel that can't currently be opened in a tab in any way is the notes panel.
• 

  Which is the best font-set for browsing?
  

  3
  0
  VOTES
  3
  Posts
  256
  Views

  

  @luetage True, didn't consider that. Maybe worth inspecting on which sites fonts are better (here seems to be on Segoe UI) and replace with CSS when need.
• J

  Loading indicator ??
  

  8
  0
  VOTES
  8
  Posts
  763
  Views

  

  @fry3000 In latest snapshot it works. [Regression] Progress bar is not visible (VB-44482) The full code containing .pageload is: .addressfield .pageload { display: flex; pointer-events: none; order: 1; opacity: 0; color: var(--colorFg); } .addressfield .pageload:not(.unstarted).progressing, .addressfield .pageload:not(.unstarted).progress-done { opacity: 1; } .addressfield .pageload:not(.unstarted).progressing .pageload-indicator::-webkit-progress-value, .addressfield .pageload:not(.unstarted).progress-done .pageload-indicator::-webkit-progress-value { transition: width 0.4s; } .addressfield .pageload:not(.unstarted).progressing > > .pageload-indicator[value='0']::-webkit-progress-value, .addressfield .pageload:not(.unstarted).progress-done .pageload-indicator[value='0']::-webkit-progress-value { transition: none; } .addressfield .pageload:not(.unstarted).stopped { transition: opacity 1s; opacity: 0; } .addressfield .pageload.progressing .pageload-ticker { width: 50px; opacity: 1; padding-right: var(--padding); margin-right: var(--padding); } .private .addressfield .pageload.progressing .pageload-ticker { color: var(--colorBgIntense); } .addressfield .pageload.progress-done .pageload-ticker { transition: opacity 0.15s, width 0s, margin 0s, padding 0s; transition-delay: 1.5s, 1.8s, 1.8s, 1.8s; } .addressfield .pageload.progress-done .pageload-ticker + .pageload-ticker { transition-delay: 1.7s, 2s, 2s, 2s; } .addressfield .pageload .pageload-indicator { position: absolute; width: auto; height: 22px; left: 1px; right: 1px; top: 1px; border-radius: var(--radius); -webkit-appearance: none; opacity: 0.25; background-color: var(--colorAccentBg); overflow: hidden; } .theme-dark .addressfield .pageload .pageload-indicator, .private .addressfield .pageload .pageload-indicator { opacity: 0.5; } .addressfield .pageload .pageload-indicator::-webkit-progress-inner-element { width: 100%; } .addressfield .pageload .pageload-indicator::-webkit-progress-bar { background: transparent; } .addressfield .pageload .pageload-indicator::-webkit-progress-value { border-radius: var(--radius); border-top-right-radius: 0; border-bottom-right-radius: 0; background-color: var(--colorBgIntenser); } .private .addressfield .pageload .pageload-indicator::-webkit-progress-value { background-color: var(--colorFg); } .addressfield .pageload .pageload-ticker { pointer-events: none; font-size: var(--fontSizeSmaller); margin: auto 0; line-height: 16px; width: 0; height: 16px; font-weight: calc(var(--fontWeight) + 300); position: relative; opacity: 0; overflow: hidden; text-align: center; background-repeat: no-repeat; background-position: 1px 1px, 0 0; background-size: 50px 14px, 100% 100%; border-right: 1px solid rgba(0, 0, 0, 0.1); padding-right: 0; margin-right: 0; }
• 

  Use Windows Spotlight background as the Start Page / Window background
  speed dial start page background windows 10 •

  8
  3
  VOTES
  8
  Posts
  473
  Views

  

  @yes-aravind I tried it without having spotlight turned on. It seems that Windows will only download the latest images if you have spotlight turned on. There are probably other programmatic ways you could get the latest images without spotlight being turned on (e.g. From bing via the Internet) , but I don't know any off the top of my head.
• 

  Remove all options in Vivaldi (kiosk-mode like ).
  

  11
  0
  VOTES
  11
  Posts
  750
  Views

  

  I may have gotten close to what you are asking. I only have tabs up top, bookmarks down below, and the panel collapsed. Along with this I use Ctrl+L to bring up the focus address field and bound Ctrl+U to disable user interface. I don't know if these settings may appeal to you as they do me.
• K

  Cannot see Tab Stack indicators when tab is active w/ default theme and Remove tab spacing
  

  4
  0
  VOTES
  4
  Posts
  209
  Views

  

  @kevinmirsky It is easily fixed by chosing the subtle theme, or editing the Vivaldi theme to change the background colour. I agree that the Vivaldi theme could be improved.
• 

  Window Background Images
  themes customize •

  29
  2
  VOTES
  29
  Posts
  3605
  Views

  R

  these are the original and image I ended up making and sticking with for mine. and I'm really happy with how it adapts colours.  
• 

  New Google Chrome UI
  

  13
  0
  VOTES
  13
  Posts
  1438
  Views

  

  @npro I don't think so, Firefox copied Chrome with Australis which is the old UI now, Chrome basically copied that with a bit of the square tabs.