logo

pleroma-fe

My custom branche(s) on git.pleroma.social/pleroma/pleroma-fe git clone https://anongit.hacktivis.me/git/pleroma-fe.git/

Breezy DX.iss (1962B)


  1. @meta {
  2. name: Breezy DX;
  3. author: HJ;
  4. license: WTFPL;
  5. website: ebin.club;
  6. }
  7. @palette.Dark {
  8. bg: #292C32;
  9. fg: #292C32;
  10. text: #ffffff;
  11. link: #1CA4F3;
  12. accent: #1CA4F3;
  13. cRed: #f41a51;
  14. cBlue: #1CA4F3;
  15. cGreen: #1af46e;
  16. cOrange: #f4af1a;
  17. }
  18. @palette.Light {
  19. bg: #EFF0F2;
  20. fg: #EFF0F2;
  21. text: #1B1F22;
  22. underlay: #5d6086;
  23. accent: #1CA4F3;
  24. cBlue: #1CA4F3;
  25. cRed: #f41a51;
  26. cGreen: #1af46e;
  27. cOrange: #f4af1a;
  28. border: #d8e6f9;
  29. link: #1CA4F3;
  30. }
  31. @palette.Panda {
  32. bg: #EFF0F2;
  33. fg: #292C32;
  34. text: #1B1F22;
  35. link: #1CA4F3;
  36. accent: #1CA4F3;
  37. cRed: #f41a51;
  38. cBlue: #1CA4F3;
  39. cGreen: #1af46e;
  40. cOrange: #f4af1a;
  41. }
  42. Root {
  43. --badgeNotification: color | --cRed;
  44. --buttonDefaultHoverGlow: shadow | inset 0 0 0 1 --accent / 1;
  45. --buttonDefaultFocusGlow: shadow | inset 0 0 0 1 --accent / 1;
  46. --buttonDefaultShadow: shadow | inset 0 0 0 1 --parent--text / 0.35, 0 5 5 -5 #000000 / 0.35;
  47. --buttonDefaultBevel: shadow | inset 0 14 14 -14 #FFFFFF / 0.1;
  48. --buttonPressedBevel: shadow | inset 0 -20 20 -20 #000000 / 0.05;
  49. --defaultInputBevel: shadow | inset 0 0 0 1 --parent--text / 0.35;
  50. --defaultInputHoverGlow: shadow | 0 0 0 1 --accent / 1;
  51. --defaultInputFocusGlow: shadow | 0 0 0 1 --link / 1;
  52. }
  53. Button:disabled {
  54. shadow: --buttonDefaultBevel, --buttonDefaultShadow
  55. }
  56. Button:hover {
  57. shadow: --buttonDefaultHoverGlow, --buttonDefaultBevel, --buttonDefaultShadow
  58. }
  59. Button:toggled {
  60. background: $blend(--bg 0.3 --accent)
  61. }
  62. Button:pressed {
  63. background: $blend(--bg 0.8 --accent)
  64. }
  65. Button:pressed:toggled {
  66. background: $blend(--bg 0.2 --accent)
  67. }
  68. Button:toggled:hover {
  69. background: $blend(--bg 0.3 --accent)
  70. }
  71. Button {
  72. background: --parent;
  73. }
  74. Input {
  75. shadow: --defaultInputBevel;
  76. background: --parent;
  77. }
  78. PanelHeader {
  79. shadow: inset 0 30 30 -30 #ffffff / 0.25
  80. }
  81. Tab:hover {
  82. shadow: --buttonDefaultHoverGlow, --buttonDefaultBevel, --buttonDefaultShadow
  83. }
  84. Tab {
  85. background: --parent;
  86. }