Coder Social home page Coder Social logo

richardluo0 / vscode-frosted-glass-theme Goto Github PK

View Code? Open in Web Editor NEW
14.0 14.0 1.0 1.11 MB

Bring frosted glass menu (like windows acrylic or mac os) to your vscode!

Home Page: https://marketplace.visualstudio.com/items?itemName=RichardLuo.frosted-glass-theme

License: MIT License

CSS 31.77% JavaScript 4.76% TypeScript 63.46%
arylic fluent fluentdesign theme vscode vscode-extension

vscode-frosted-glass-theme's People

Contributors

richardluo0 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

shomnipotence

vscode-frosted-glass-theme's Issues

[BUG] Context menu active color effect

Hi Richard it's me again. I like to change themes often to resist visual fatigue. Frost Glass offers corresponding blurred UI under both light themes and dark themes and that's excellent.

Here's what it looks like when I use a dark theme:
image

And when I use Ra Spring light theme:
image

It has the correct effect. Strange things happen when I use the Brackets Light Pro light theme:
image

The active menu item has the white color on the text, making it hard to recognize characters in such a light theme. I guess, since I don't know the underlying mechanism of Frost Glass, that's probably because something went wrong when detecting it's currently light or dark theme.

Exaust all possible color themes is apparently impossible, so I'll appreciate it if you add a option in the settings to change the active color or something. I really like Brackets Light Pro and a workaround is enough for me.

Not applying anymore (Frosted Glass theme commands no more found)

There was just an update to Frosted Glass Theme, and now neither the settings work, nor can I enable, disable or reload the configuration via commands anymore, it's throwing errors that those commands cannot be found. Is that a known bug?

Also, blur animation did never apply for me, just the semi-transparent background. Left everything as it was, and even tried to change the blur effect in settings.

[BUG] Error on Linux

Describe the bug
Hitting an error when trying Frosted Glass Theme: Enable on Linux;

Something went wrong: Error:
Command failed: cd "/home/my-user"; export ELECTRON_RUN_AS_NODE="1"; "/usr/bin/pkexec" --disable-internal-agent /bin/bash -c "echo SUDOPROMPT; ELECTRON_RUN_AS_NODE=1 "/usr/share/code/code" --ms-enable-electron-run-as-node "/home/my-user/.vscode/extensions/richardluo.frosted-glass-theme-0.7.4/out/InjectionAdminMain.js" --no-sandbox inject "[{\"_path\":\"/home/my-user/.vscode/extensions/richardluo.frosted-glass-theme-0.7.4/inject/vscode-frosted-glass-theme.js\"}]" "/usr/share/code/resources/app/out/vs/code" "/usr/share/code/resources/app/out/vs/code/electron-sandbox/workbench/workbench.html"" /usr/share/code/code: bad option: --ms-enable-electron-run-as-node

It looks like it's not happy with the --ms-enable-electron-run-as-node arg. Note that when I start VSCode from the terminal and pass in this arg, I get a warning, but VSCode still runs

code --ms-enable-electron-run-as-node
Warning: 'ms-enable-electron-run-as-node' is not in the list of known options, but still passed to Electron/Chromium.

To Reproduce
Steps to reproduce the behavior:

  1. Install extension
  2. Enable via command palette
  3. Click on prompt for admin credentials - enter credentials
  4. See error

Expected behavior
I expect that after applying the credentials the theme should be enabled.

Screenshots
If applicable, add screenshots to help explain your problem.

Version (please complete the following information):

  • OS: Zorin OS 17.1
  • VSCode version:
 Version: 1.88.1
Commit: e170252f762678dec6ca2cc69aba1570769a5d39
Date: 2024-04-10T17:34:12.840Z
Electron: 28.2.8
ElectronBuildId: 27744544
Chromium: 120.0.6099.291
Node.js: 18.18.2
V8: 12.0.267.19-electron.0
OS: Linux x64 6.5.0-27-generic
  • Extension version: 0.7.4

[BUG] Sticky line characters overlapped unrecognizable

Hi Richard, thank you for creating such a beautiful extension! Frosted glass just comforts me a lot. However there's something going wrong with the newly introduced VSCode feature "sticky line".
 
Describe the bug
Sticky lines are shown when viewing a very large function or a scoped block thing. For example, here's what I'm working on:

image

There's a Bytecode class and a method named FromExisting. Both the class and the method have a large scope so those two sticky lines are shown. But when I scroll down a little bit, it will be look like this:

image

I guess VSCode just simply renders the two sticky lines at one place when I scrolled because of simplicity. That works when frost-grass is not applied because the normal sticky lines are opaque. Things are different when transparency is applied.

So it there any way to apply Glass Effect (I don't know what exactly what it is, Mica, Blur or something) above the underlying sticky line(s)? Doing so shall solve the problem.

Doesn't work on the editor background anymore for me

It was working yesterday after clicking update and enable a few times but now the background color and backdrop filter won't apply to the background of the editor, only to a few prompts.

image
image

I have tried

  • Clicking Update Frosted Glass Theme (tons of times)
  • Disabling then enabling it then restarting vsc with both the button and by closing vsc and opening in administrator mode (tons of times)
  • Uninstalling and installing again
  • Installing few of the older versions of the extension
  • Applying different themes, then clicking update, enable and restarting in different order combinations.

I also don't have any other extension that could interfere with vsc's appearance, except for one downloaded and disabled theme "Monokai".
I am using windows and vsc 1.62.2

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.