custom.scss 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. // Copyright (c) 2003-2017, CKSource - Frederico Knabben. All rights reserved.
  2. // For licensing, see LICENSE.md or http://ckeditor.com/license
  3. // Overrides the border-radius setting in the theme.
  4. $ck-border-radius: 4px;
  5. // Overrides the default font size in the theme.
  6. $ck-font-size-base: 14px;
  7. // Helper variables to avoid duplication in $ck-colors.
  8. $custom-background: #4A494B;
  9. $custom-foreground: #3a393d;
  10. $custom-border: #383738;
  11. $custom-white: #fff;
  12. // Colors used by the ck-color() mixin across the theme.
  13. $ck-colors: (
  14. // Overrides the default focus color used by the ck-focus-ring() mixin.
  15. 'border-focus': #48a3f5,
  16. // Overrides the default text color in the theme.
  17. 'text': #fafafa,
  18. // Overrides the default shadow colors in the theme.
  19. 'shadow-drop': rgba( 0, 0, 0, .2 ),
  20. 'shadow-inner': rgba( 0, 0, 0, .1 ),
  21. // Overrides the default .ck-button class colors.
  22. 'button-default-background': $custom-background,
  23. 'button-default-border': $custom-border,
  24. 'button-on-background': $custom-foreground,
  25. 'button-on-border': $custom-border,
  26. 'button-action-background': #1ABC9C,
  27. 'button-action-border': #49d2b7,
  28. 'button-action-text': $custom-white,
  29. // Overrides the default .ck-dropdown class colors.
  30. 'dropdown-panel-background': $custom-background,
  31. 'dropdown-panel-border': $custom-foreground,
  32. 'dropdown-symbol': #f1f1f1,
  33. // Overrides the default .ck-input class colors.
  34. 'input-background': $custom-foreground,
  35. 'input-border': #6b6970,
  36. 'input-text': #fafafa,
  37. // Overrides the default .ck-list class colors.
  38. 'list-background': $custom-background,
  39. 'list-item-background-hover': $custom-foreground,
  40. 'list-item-background-active': #1A8BF1,
  41. 'list-item-text-active': $custom-white,
  42. // Overrides the default .ck-balloon-panel class colors.
  43. 'panel-background': $custom-background,
  44. 'panel-border': $custom-border,
  45. // Overrides the default .ck-toolbar class colors.
  46. 'toolbar-background': $custom-foreground,
  47. 'toolbar-border': $custom-border,
  48. // Overrides the default .ck-tooltip class colors.
  49. 'tooltip-background': #212025,
  50. 'tooltip-text': #eee,
  51. // Overrides the default colors used by the editor.
  52. 'editor-border': $custom-background,
  53. 'editor-toolbar-background': $custom-background,
  54. 'editor-toolbar-button-background': $custom-background,
  55. 'editor-dropdown-background': #535254,
  56. // Overrides the default colors used by ckeditor5-image package.
  57. 'image-caption-background': #f7f7f7,
  58. 'image-caption-text': #333,
  59. // Overrides the default colors used by ckeditor5-widget package.
  60. 'widget-border-blurred': #ddd,
  61. 'widget-border-hover': #FFD25C,
  62. 'widget-editable-focused-background': $custom-white
  63. );