custom.css 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. /*
  2. * Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md.
  4. */
  5. :root {
  6. /* Overrides the border radius setting in the theme. */
  7. --ck-border-radius: 4px;
  8. /* Overrides the default font size in the theme. */
  9. --ck-font-size-base: 14px;
  10. /* Helper variables to avoid duplication in the colors. */
  11. --ck-custom-background: hsl(270, 1%, 29%);
  12. --ck-custom-foreground: hsl(255, 3%, 18%);
  13. --ck-custom-border: hsl(300, 1%, 22%);
  14. --ck-custom-white: hsl(0, 0%, 100%);
  15. /* -- Overrides generic colors. ------------------------------------------------------------- */
  16. --ck-color-base-foreground: var(--ck-custom-background);
  17. --ck-color-focus-border: hsl(208, 90%, 62%);
  18. --ck-color-text: hsl(0, 0%, 98%);
  19. --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
  20. --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
  21. /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
  22. --ck-color-button-default-background: var(--ck-custom-background);
  23. --ck-color-button-default-focus-background: hsl(270, 1%, 22%);
  24. --ck-color-button-default-active-background: hsl(270, 2%, 20%);
  25. --ck-color-button-default-active-shadow: hsl(270, 2%, 23%);
  26. --ck-color-button-default-disabled-background: var(--ck-custom-background);
  27. --ck-color-button-on-background: var(--ck-custom-foreground);
  28. --ck-color-button-on-focus-background: hsl(255, 4%, 16%);
  29. --ck-color-button-on-active-background: hsl(255, 4%, 14%);
  30. --ck-color-button-on-active-shadow: hsl(240, 3%, 19%);
  31. --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
  32. --ck-color-button-action-background: hsl(168, 76%, 42%);
  33. --ck-color-button-action-focus-background: hsl(168, 76%, 38%);
  34. --ck-color-button-action-active-background: hsl(168, 76%, 36%);
  35. --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
  36. --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
  37. --ck-color-button-action-text: var(--ck-custom-white);
  38. --ck-color-button-save: hsl(120, 100%, 46%);
  39. --ck-color-button-cancel: hsl(15, 100%, 56%);
  40. /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
  41. --ck-color-dropdown-panel-background: var(--ck-custom-background);
  42. --ck-color-dropdown-panel-border: var(--ck-custom-foreground);
  43. /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
  44. --ck-color-input-background: var(--ck-custom-foreground);
  45. --ck-color-input-border: hsl(257, 3%, 43%);
  46. --ck-color-input-text: hsl(0, 0%, 98%);
  47. --ck-color-input-disabled-background: hsl(255, 4%, 21%);
  48. --ck-color-input-disabled-border: hsl(250, 3%, 38%);
  49. --ck-color-input-disabled-text: hsl(0, 0%, 46%);
  50. /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
  51. --ck-color-list-background: var(--ck-custom-background);
  52. --ck-color-list-item-background-hover: var(--ck-custom-foreground);
  53. --ck-color-list-item-background-active: hsl(208, 88%, 52%);
  54. --ck-color-list-item-text-active: var(--ck-custom-white);
  55. /* -- Overrides the default .ck-balloon-panel class colors. --------------------------------- */
  56. --ck-color-panel-background: var(--ck-custom-background);
  57. --ck-color-panel-border: var(--ck-custom-border);
  58. /* -- Overrides the default .ck-toolbar class colors. --------------------------------------- */
  59. --ck-color-toolbar-background: var(--ck-custom-background);
  60. --ck-color-toolbar-border: var(--ck-custom-border);
  61. /* -- Overrides the default .ck-tooltip class colors. --------------------------------------- */
  62. --ck-color-tooltip-background: hsl(252, 7%, 14%);
  63. --ck-color-tooltip-text: hsl(0, 0%, 93%);
  64. /* -- Overrides the default colors used by the ckeditor5-image package. --------------------- */
  65. --ck-color-image-caption-background: hsl(0, 0%, 97%);
  66. --ck-color-image-caption-text: hsl(0, 0%, 20%);
  67. /* -- Overrides the default colors used by the ckeditor5-widget package. -------------------- */
  68. --ck-color-widget-border-blurred: hsl(0, 0%, 87%);
  69. --ck-color-widget-border-hover: hsl(43, 100%, 68%);
  70. --ck-color-widget-editable-focused-background: var(--ck-custom-white);
  71. /* -- Overrides the default colors used by the ckeditor5-link package. ---------------------- */
  72. --ck-color-link-default: hsl(190, 100%, 75%);
  73. }