focal.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .radialBars {
  2. margin-bottom: -4rem;
  3. padding: 1.5rem 0.8rem;
  4. }
  5. // progress bars
  6. .CPU, .RAM , .DISK, .battery {
  7. background-color: $blackAlt;
  8. color: $blue;
  9. font-size: 2.1rem;
  10. font-family: 'JetBrainsMono Nerd Font';
  11. }
  12. .CPU {
  13. font-size: 2.5rem;
  14. }
  15. .RAM {
  16. color: $green;
  17. }
  18. .battery {
  19. color: $red;
  20. }
  21. .DISK {
  22. font-size: 1rem;
  23. color: $white;
  24. background-color: $grey;
  25. }
  26. .time {
  27. font-family: 'Iosevka';
  28. font-size: 1.2rem;
  29. background-color: $blackAlt;
  30. margin: 2.5rem 0.5rem;
  31. margin-bottom: -0.6rem;
  32. border-radius:1rem;
  33. padding: 0 1rem;
  34. color: $white;
  35. }
  36. .mute {
  37. background-color: $blackAlt;
  38. border-radius: 1rem;
  39. color: $green;
  40. font-family: 'JetBrainsMono Nerd Font';
  41. font-size: 2rem;
  42. margin: .8rem ;
  43. }
  44. .mute:hover {
  45. background-color: $grey;
  46. color: $white;
  47. }
  48. .pkgs{
  49. margin: 1.5rem;
  50. border-radius: 1rem;
  51. font-family: 'JetBrainsMono Nerd Font';
  52. color: $green;
  53. background-color: $blackAlt;
  54. padding: 0 1rem;
  55. }
  56. .pkgsBox {
  57. margin: -1rem;
  58. margin-top: .3rem;
  59. margin-bottom: -3.5rem;
  60. margin-left: .15rem;
  61. }
  62. .CPUBOX {
  63. margin-right: .4rem;
  64. }
  65. .RAMBOX {
  66. margin-left: .4rem;
  67. }