AcesGamingUK

BDCleanTheam

Jun 20th, 2024 (edited)
1,373
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.47 KB | None | 0 0
  1. /**
  2.  * @name AceClean
  3.  * @author AcesGamingUK
  4.  * @description Simple Clean Theme
  5.  * @version 0.0.1
  6.  * @import url("https://pastebin.com/raw/cNTZE3mn")
  7.  * @updateUrl https://pastebin.com/raw/cNTZE3mn
  8.  */
  9.  
  10. @import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500&display=swap')
  11.  
  12. :root {
  13.  
  14.     /*------------------ Background ------------------*/
  15.     --background-primary: var(--BBG);
  16.     --background-secondary: var(--BBG);
  17.     --background-secondary-alt: var(--BBG);
  18.     --background-tertiary: var(--BBG);
  19.     --channeltextarea-background: var(--BBG);
  20.     --background-floating: var(--BBG);
  21.  
  22.     /*------------------ Font (CyberPunk) ------------------*/
  23.     --font-primary: 'Rajdhani'; /* Font */
  24.  
  25.     /*------------------ colors ------------------*/
  26.     --text-normal: rgb(255, 255, 255);
  27.             /* Channel and category colors */
  28.     --channels-default: white;
  29.     --channels-muted: rgb(61, 61, 61);
  30.     --channels-hover: green;
  31. }
  32.  
  33.  
  34. /* Style the toggle button */
  35. .chat-toggle-button {
  36.     background-color: var(--interactive-normal);
  37.     border: none;
  38.     color: var(--text-normal);
  39.     padding: 5px 10px;
  40.     cursor: pointer;
  41.     margin-left: 10px;
  42. }
  43.  
  44. /* Style the icon container */
  45. .chat-icon-container {
  46.     display: none;
  47.     flex-direction: row;
  48.     align-items: center;
  49. }
  50.  
  51. .chat-icon-container.expanded {
  52.     display: flex;
  53. }
  54.  
  55. /* Style the icons inside the container */
  56. .chat-icon-container > * {
  57.     margin-right: 5px;
  58. }
  59.  
Advertisement