custom.css 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. /*
  2. * Copyright (c) 2003-2017, 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 --ck-colors. */
  11. --ck-custom-background: #4A494B;
  12. --ck-custom-foreground: #3a393d;
  13. --ck-custom-border: #383738;
  14. --ck-custom-white: #fff;
  15. /* -- Overrides generic colors -------------------------------------------------------------- */
  16. --ck-color-focus-border: #48a3f5;
  17. --ck-color-text: #fafafa;
  18. --ck-color-shadow-drop: rgba( 0, 0, 0, .2 );
  19. --ck-color-shadow-inner: rgba( 0, 0, 0, .1 );
  20. /* -- Overrides the default .ck-button class colors ----------------------------------------- */
  21. --ck-color-button-default-background: var(--ck-custom-background);
  22. --ck-color-button-default-border: var(--ck-custom-border);
  23. --ck-color-button-default-focus-background: #434244;
  24. --ck-color-button-default-focus-border: #323232;
  25. --ck-color-button-default-active-background: #3f3e40;
  26. --ck-color-button-default-active-border: #302f30;
  27. --ck-color-button-default-active-shadow: #3b3a3c;
  28. --ck-color-button-default-disabled-background: var(--ck-custom-background);
  29. --ck-color-button-default-disabled-border: var(--ck-custom-border);
  30. --ck-color-button-on-background: var(--ck-custom-foreground);
  31. --ck-color-button-on-border: var(--ck-custom-border);
  32. --ck-color-button-on-focus-background: #343337;
  33. --ck-color-button-on-focus-border: #323232;
  34. --ck-color-button-on-active-background: #313034;
  35. --ck-color-button-on-active-border: #302f30;
  36. --ck-color-button-on-active-shadow: #2e2e31;
  37. --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
  38. --ck-color-button-on-disabled-border: var(--ck-custom-border);
  39. --ck-color-button-action-background: #1ABC9C;
  40. --ck-color-button-action-border: #49d2b7;
  41. --ck-color-button-action-focus-background: #17a98c;
  42. --ck-color-button-action-focus-border: #42bda5;
  43. --ck-color-button-action-active-background: #16a085;
  44. --ck-color-button-action-active-border: #3eb39c;
  45. --ck-color-button-action-active-shadow: #15967d;
  46. --ck-color-button-action-disabled-background: #1ABC9C;
  47. --ck-color-button-action-disabled-border: #49d2b7;
  48. --ck-color-button-action-text: var(--ck-custom-white);
  49. /* -- Overrides the default .ck-dropdown class colors --------------------------------------- */
  50. --ck-color-dropdown-panel-background: var(--ck-custom-background);
  51. --ck-color-dropdown-panel-border: var(--ck-custom-foreground);
  52. --ck-color-dropdown-symbol: #f1f1f1;
  53. /* -- Overrides the default .ck-input class colors ------------------------------------------ */
  54. --ck-color-input-background: var(--ck-custom-foreground);
  55. --ck-color-input-border: #6b6970;
  56. --ck-color-input-text: #fafafa;
  57. --ck-color-input-disabled-background: #343337;
  58. --ck-color-input-disabled-border: #605f65;
  59. --ck-color-input-disabled-text: #757575;
  60. /* -- Overrides the default .ck-list class colors ------------------------------------------- */
  61. --ck-color-list-background: var(--ck-custom-background);
  62. --ck-color-list-item-background-hover: var(--ck-custom-foreground);
  63. --ck-color-list-item-background-active: #1A8BF1;
  64. --ck-color-list-item-text-active: var(--ck-custom-white);
  65. /* -- Overrides the default .ck-balloon-panel class colors ---------------------------------- */
  66. --ck-color-panel-background: var(--ck-custom-background);
  67. --ck-color-panel-border: var(--ck-custom-border);
  68. /* -- Overrides the default .ck-toolbar class colors ---------------------------------------- */
  69. --ck-color-toolbar-background: var(--ck-custom-foreground);
  70. --ck-color-toolbar-border: var(--ck-custom-border);
  71. /* -- Overrides the default .ck-tooltip class colors ---------------------------------------- */
  72. --ck-color-tooltip-background: #212025;
  73. --ck-color-tooltip-text: #eee;
  74. /* -- Overrides the default colors used by the editor --------------------------------------- */
  75. --ck-color-editor-border: var(--ck-custom-background);
  76. --ck-color-editor-toolbar-background: var(--ck-custom-background);
  77. --ck-color-editor-toolbar-button-on-background: #3c3c3c;
  78. --ck-color-editor-toolbar-button-on-border: transparent;
  79. --ck-color-editor-toolbar-button-on-focus-background: #353535;
  80. --ck-color-editor-toolbar-button-on-focus-border: transparent;
  81. --ck-color-editor-toolbar-button-on-active-background: #272727;
  82. --ck-color-editor-toolbar-button-on-active-border: transparent;
  83. --ck-color-editor-toolbar-button-on-active-shadow: #2d2d2d;
  84. --ck-color-editor-toolbar-button-on-disabled-background: transparent;
  85. --ck-color-editor-toolbar-button-on-disabled-border: transparent;
  86. --ck-color-editor-dropdown-background: #535254;
  87. /* -- Overrides the default colors used by ckeditor5-image package -------------------------- */
  88. --ck-color-image-caption-background: #f7f7f7;
  89. --ck-color-image-caption-text: #333;
  90. /* -- Overrides the default colors used by ckeditor5-widget package ------------------------- */
  91. --ck-color-widget-border-blurred: #ddd;
  92. --ck-color-widget-border-hover: #FFD25C;
  93. --ck-color-widget-editable-focused-background: var(--ck-custom-white);
  94. }