A color scheme for you to love. ♡ https://love.holllo.cc
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

78 lines
1.2 KiB

  1. .btn {
  2. background-color: @button-background-color;
  3. color: @background-1;
  4. &:hover,
  5. &:focus,
  6. &:active {
  7. background-color: @button-background-color-hover;
  8. color: @background-1;
  9. }
  10. &:focus,
  11. &:focus:active {
  12. outline: none;
  13. }
  14. &.selected {
  15. background-color: @button-background-color-selected;
  16. color: @background-1;
  17. &:hover {
  18. color: @background-1;
  19. }
  20. }
  21. }
  22. .btn.btn-primary {
  23. .btn-color(@background-color-info);
  24. }
  25. .btn.btn-info {
  26. .btn-color(@background-color-info);
  27. }
  28. .btn.btn-success {
  29. .btn-color(@background-color-success);
  30. }
  31. .btn.btn-warning {
  32. .btn-color(@background-color-warning);
  33. }
  34. .btn.btn-error {
  35. .btn-color(@background-color-error);
  36. }
  37. .btn-color(@bg) {
  38. background-color: @bg;
  39. color: @background-1;
  40. &:hover,
  41. &:focus,
  42. &:active {
  43. background-color: lighten(@bg, 4%);
  44. color: @background-1;
  45. }
  46. &.selected {
  47. background-color: lighten(@bg, 4%);
  48. color: @background-1;
  49. &:focus,
  50. &:hover,
  51. &:active {
  52. background-color: lighten(@bg, 8%);
  53. color: @background-1;
  54. }
  55. }
  56. }
  57. .btn-group > .btn {
  58. border-color: @background-1;
  59. }
  60. .settings-view .config-menu .button-area > .btn {
  61. padding: 0;
  62. }