Artkek

AmoledAltTheme

Oct 21st, 2022
907
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Java 3.52 KB | None | 0 0
  1. /*                Roundturnal palette for Roundmoled theme by TiredMala
  2. ***************************************************************************************/
  3.  
  4. :root {
  5.     --dark-primary: rgb(30, 30, 40);
  6.     --dark-secondary: rgb(30, 30, 42);
  7.     --dark-secondary-alt: rgb(39, 37, 55);
  8.     --dark-bright: rgb(12, 12, 25);
  9.     --roundmoled-background: rgb(17, 17, 19);
  10.     --popout-activeborders: rgb(58, 58, 101);
  11. }
  12.  
  13. /* Individual stuff related to the theme itself */
  14.  
  15. /* Box shadow to some stuff now that background is clearer and it makes sense */
  16. .grid-1nZz7S,
  17. .embed-IeVjo6,
  18. .embedImage-2W1cML,
  19. .imageWrapper-2p5ogY,
  20. .theme-dark .invite-18yqGF,
  21. .accountProfileCard-1XCH88 {
  22.     border-radius: 10px;
  23.     box-shadow: rgba(0, 0, 0, .07) 0px 19px 38px, rgba(0, 0, 0, .08) 0px 15px 12px;
  24. }
  25.  
  26. /* not so rounded corners */
  27. :root .sidebar-2K8pFh.hasNotice-1XRy4h, .platform-win .sidebar-2K8pFh.hasNotice-1XRy4h, .chat-3bRxxu, .platform-win .sidebar-2K8pFh, .sidebar-2K8pFh
  28. {
  29.     border-radius: 20px;
  30. }
  31.  
  32. /* Colores fix */
  33. #status-picker-invisible:hover,
  34. #status-picker-invisible.focused-3afm-j {
  35.     background-color: #1E1E1E;
  36.     border-radius: 10px;
  37.     transition: 250ms;
  38.     box-shadow: rgba(91, 91, 91, .17) 0px 5px 15px;
  39. }
  40.  
  41. .modeSelected-346R90 .content-1x5b-n,
  42. .modeSelected-346R90:hover .content-1x5b-n {
  43.     background: linear-gradient(90deg, rgb(52, 70, 119) 0%, rgba(60, 105, 172, .07) 54%, rgba(0, 191, 255, 0) 100%);
  44. }
  45.  
  46. #guild-header-popout-hide-muted-channels:hover,
  47. #guild-header-popout-hide-muted-channels.focused-3afm-j,
  48. #guild-context-change-nickname:hover,
  49. #guild-context-change-nickname.focused-3afm-j,
  50. #guild-header-popout-change-nickname:hover,
  51. #guild-header-popout-change-nickname.focused-3afm-j,
  52. #guild-context-hide-muted-channels:hover,
  53. #guild-context-hide-muted-channels.focused-3afm-j,
  54. #guild-context-mute-guild:hover,
  55. #guild-context-mute-guild.focused-3afm-j,
  56. #guild-context-unmute-guild:hover,
  57. #guild-context-unmute-guild.focused-3afm-j {
  58.     background: var(--popout-activeborders);
  59. }
  60.  
  61. /* Pfp zoom on hover color fix */
  62. .avatar-37jOim:hover{
  63.     border-color:var(--popout-activeborders) !important;
  64.     background-color:var(--popout-activeborders) !important;
  65. }
  66.  
  67. /* color fix for search modal */
  68.  
  69. .theme-dark .option-96V44q:after {
  70.     background: linear-gradient(
  71. 90deg
  72. ,rgba(21, 21, 21, 0),#0d0d2100 80%);
  73. }
  74.  
  75. .theme-dark .option-96V44q.selected-rZcOL- {
  76.     background-color: var(--dark-bright);
  77.     transform:scale(1.05);
  78.     transition:250ms;
  79. }
  80.  
  81. .theme-dark .option-96V44q.selected-rZcOL-:after {
  82.     background: var(--dark-bright);
  83.     transition:250ms;
  84. }
  85.  
  86. /* discord vars */
  87. :root.theme-dark {
  88.     --background-tertiary: rgb(42, 43, 72);
  89.     --background-secondary: #1E1E1E;
  90.     /* guild folder border background */
  91.     --background-secondary-alt: var(--dark-primary);
  92.     ;
  93.     /* change it and see for yourself */
  94.     --background-primary: var(--dark-primary);
  95.     ;
  96.     /* primary background color, full amoled black  */
  97.     --channeltextarea-background: #070b10;
  98.     /* color of your chat bar */
  99.     --background-accent: var(--brand-experiment);
  100.     /* discords accent color (default) */
  101.     --background-message-hover: transparent;
  102.     --background-modifier-hover: #36559138;
  103.     --background-modifier-active: #36559138;
  104.     --background-modifier-selected: #406abb38;
  105.     --background-floating: var(--dark-primary);
  106.     /* userpopout background */
  107.     --scrollbar-auto-thumb: var(--brand-experiment);
  108.     --scrollbar-auto-track: var(--roundmoled-background);
  109. }
Advertisement
Add Comment
Please, Sign In to add comment