Transparency not working #45

Activity

1. CarlosGT7274 commented on Dec 21, 2023

   

   CarlosGT7274

   on Dec 21, 2023

   More actions

   try from picom, of if are on linux.
2. highbaud commented on Apr 16, 2024

   

   highbaud

   on Apr 16, 2024

   More actions

   Same issue for me - on Windows 11
3. iamgrave commented on Jul 8, 2024

   

   iamgrave

   on Jul 8, 2024

   More actions

   The custom CSS settings, from what I see, doesn't have a transparent hex color. I played around with them in VS Code to get my own use case but you can see if it works for you. Otherwise, you can google the color and transparency you need and plug it in.

   --background-solid: #16192129;
   --background-solid-dark: #10121836;
   --background-solid-darker: #0c0e123c;
   

   👍React with 👍2Reacted by Max Avery and 3net6

   😄React with 😄1Reacted by 3net6
4. highbaud commented on Jul 11, 2024

   

   highbaud

   on Jul 11, 2024

   More actions

   nice catch, thanks @iamgrave
5. froopy090 commented on Jul 31, 2024

   

   froopy090

   on Jul 31, 2024

   Last edited by froopy090

   More actions

   I had to manually make changes to my css file. I removed the background image and made sure everything was transparent using rgba values (where the last value "alpha" tells you how transparent it is). I also went ahead and changed the rgb values because it had a weird greenish tint for me. Play around with the values until you get something you like.

   @import url('https://DiscordStyles.github.io/DarkMatter/src/base.css');
   
   /* Variables */
   :root {
       --avatar-size: 32px;
       --background-image: url('https://i.imgur.com/7SbtKvw.png');
       --home-image: url('https://i.imgur.com/233d55Y.gif');
       --background-solid: rgba(0, 15, 25, 0.3); /* Adjusted transparency */
       --background-solid-dark: rgba(0, 10, 20, 0.25); /* Adjusted transparency */
       --background-solid-darker: rgba(0, 5, 15, 0.2); /* Adjusted transparency */
       --accent: 37, 172, 232;
       --accent-alt: 29, 101, 134;
   }
   
   /* Apply transparent backgrounds to necessary elements */
   body, .app, .container, .container-3baos1, .layer, .layer-3QrUeG {
       background-color: var(--background-solid-dark) !important; /* Apply the darker transparent background */
   }
   
   .sidebar, .sidebar-1tnWFu, .channels, .members, .content, .container-2o3qEW {
       background-color: var(--background-solid-darker) !important; /* Apply the darkest transparent background */
   }
   
   /* Additional transparency for specific elements */
   .header, .header-2Mx0tC, .title, .title-3FQ39c {
       background-color: var(--background-solid) !important; /* Apply the solid transparent background */
   }
   
   /* Remove existing background images */
   body, .app, .container, .container-3baos1, .layer, .layer-3QrUeG,
   .sidebar, .sidebar-1tnWFu, .channels, .members, .content, .container-2o3qEW,
   .header, .header-2Mx0tC, .title, .title-3FQ39c {
       background-image: none !important;
   }
   

   👍React with 👍2Reacted by Steven and ivan

   ❤️React with ❤️4Reacted by Steven, Youngmin Kim, ivan and Shzr0