<NME> default.css
<BEF> .nteract-cell-prompt {
  font-family: monospace;
  color: var(--theme-cell-prompt-fg, black);
  background-color: var(--theme-cell-prompt-bg, #fafafa);
}

.nteract-cell-pagers {
  background-color: var(--theme-pager-bg, #fafafa);
}

.nteract-cell-outputs a {
  color: var(--link-color-unvisited, blue);
}

.nteract-cell-outputs a:visited {
  color: var(--link-color-visited, blue);
}

.nteract-cell-outputs code {
  font-family: "Source Code Pro", monospace;
}

.nteract-cell-outputs kbd {
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
  background-color: #f7f7f7;
}

.nteract-cell-outputs th,
    .nteract-cell-outputs td,
    /* for legacy output handling */
    .nteract-cell-outputs .th,
    .nteract-cell-outputs .td {
  border: 1px solid var(--theme-app-border, #cbcbcb);
}

.nteract-cell-outputs blockquote {
  padding: 0.75em 0.5em 0.75em 1em;
}

.nteract-cell-outputs blockquote::before {
  display: block;
  height: 0;
  margin-left: -0.95em;
}

.nteract-cell-input .nteract-cell-source {
  background-color: var(--theme-cell-input-bg, #fafafa);
}

.nteract-cells {
  font-family: "Source Sans Pro", Helvetica Neue, Helvetica, sans-serif;
  font-size: 16px;
  background-color: var(--theme-app-bg);
  color: var(--theme-app-fg);
}

.nteract-cell {
  color: var(--theme-app-fg);
  display: flex;
  flex-direction: column;
  background: var(--theme-cell-bg, white);
  border: 1px solid;
  border-color: var(--theme-cell-border);
  box-shadow: 0px 2px 4px rgba(41, 49, 58, 0.075);
  border-radius: 4px;
  font-family: "Source Code Pro", sans-serif;
}

.nteract-cell-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}

.nteract-cell-container:focus .nteract-cell,
.nteract-cell-container:focus-within .nteract-cell,
.nteract-cell-container.selected .nteract-cell {
  outline: 0;
  background: var(--theme-cell-bg, white);
  border: 1px solid;
  border-color: var(--theme-cell-border);
  box-shadow: 0px 2px 8px rgba(41, 49, 58, 0.15);
  border-radius: 4px;
}

.nteract-cell-gutter {
  background-color: var(--theme-cell-gutter);
  color: var(--theme-cell-gutter-color);
  padding: var(--nt-spacing-s, 5px);
}

.nteract-cell-gutter button {
  color: var(--theme-cell-gutter-color);
}

.nteract-cell-gutter .nteract-cell-toolbar > * {
  margin-bottom: 4px;
}

.nteract-cell-body {
  display: flex;
  flex-direction: column;
  padding: var(--nt-spacing-m, 10px);
  height: 100%;
  width: 100%;
}

.nteract-cell-container .cell-menu {
  margin-bottom: 40px;
}
.nteract-cell-container.selected .nteract-cell-prompt {
  background-color: var(--theme-cell-prompt-bg-focus, hsl(0, 0%, 90%));
  color: var(--theme-cell-prompt-fg-focus, hsl(0, 0%, 51%));
}

.nteract-cell-container:hover:not(.selected) .nteract-cell-prompt,
.nteract-cell-container:active:not(.selected) .nteract-cell-prompt {
  background-color: var(--theme-cell-prompt-bg-hover, hsl(0, 0%, 94%));
  color: var(--theme-cell-prompt-fg-hover, hsl(0, 0%, 15%));
}

.nteract-cell-outputs {
  background-color: var(--theme-cell-output-bg);
  padding: 1rem;
}

.nteract-cell-container.selected .nteract-cell-outputs {
  background-color: var(--theme-cell-output-bg-focus);
  opacity: 1;
}

@media print {
  .nteract-cell-toolbar {
    display: none;
  }
}

.nteract-cell-toolbar button {
  display: inline-block;

.nteract-cell:focus .nteract-cell-prompt {
  background-color: var(--theme-cell-prompt-bg-focus, hsl(0, 0%, 90%));
  color: var(--theme-cell-prompt-fg-focus, hsl(0, 0%, 51%));
}

@media print {
  /* make sure all cells look the same in print regarless of focus */
  .nteract-cell-container .nteract-cell-prompt,
  .nteract-cell-container.selected .nteract-cell-prompt,
  .nteract-cell-container:focus .nteract-cell-prompt,
  .nteract-cell-container:hover:not(.selected) .nteract-cell-prompt {
    background-color: var(--theme-cell-prompt-bg, white);
    color: var(--theme-cell-prompt-fg, black);
  }

  .nteract-cell-gutter {
    display: none;
  }

  * {
    box-shadow: none !important;
    scrollbar-width: none;
  }

  body {
    overflow: visible !important;
  }

  .notifications-wrapper {
    display: none;
  }

  .nteract-cell-outputs {
    height: 100% !important;
    max-height: 100% !important;
  }

  .toolbar {
    display: none !important;
  }

  ::-webkit-scrollbar {
    display: none;
  }
}

<MSG> Merge pull request #5073 from jarmokivekas/jk-5062-cell-toolbar-print-rules


<DFF> @@ -131,11 +131,6 @@
   opacity: 1;
 }
 
-@media print {
-  .nteract-cell-toolbar {
-    display: none;
-  }
-}
 
 .nteract-cell-toolbar button {
   display: inline-block;

{'commit': 'diff --git a/packages/stateful-components/src/cells/toolbar.tsx b/packages/stateful-components/src/cells/toolbar.tsx\nindex f2f7bdd80..db9b209d6 100644\n--- a/packages/stateful-components/src/cells/toolbar.tsx\n+++ b/packages/stateful-components/src/cells/toolbar.tsx\n@@ -4,6 +4,7 @@ import { Dispatch } from "redux";\n \r\n import { ContentRef, actions, AppState, selectors } from "@nteract/core";\r\n import { CellType } from "@nteract/commutable";\r\n+import styled from "styled-components";\r\n \r\n export interface ComponentProps {\r\n   id: string;\r\n@@ -38,16 +39,24 @@ export const CellToolbarContext = React.createContext({});\n \r\n export type CellToolbarProps = DispatchProps & StateProps;\r\n \r\n+const CellToolbarRegion = styled.div`\r\n+  @media print {\r\n+    display: none;\r\n+  }\r\n+`;\r\n+\r\n class CellToolbar extends React.Component<\r\n   ComponentProps & StateProps & DispatchProps\r\n > {\r\n   render() {\r\n     return (\r\n-      <div className="nteract-cell-toolbar">\r\n-        <CellToolbarContext.Provider value={this.props}>\r\n-          {this.props.children}\r\n-        </CellToolbarContext.Provider>\r\n-      </div>\r\n+      <CellToolbarRegion>\r\n+        <div className="nteract-cell-toolbar">\r\n+          <CellToolbarContext.Provider value={this.props}>\r\n+            {this.props.children}\r\n+          </CellToolbarContext.Provider>\r\n+        </div>\r\n+      </CellToolbarRegion>\r\n     );\r\n   }\r\n }\r\ndiff --git a/packages/styles/themes/default.css b/packages/styles/themes/default.css\nindex db9789f7c..708330558 100644\n--- a/packages/styles/themes/default.css\n+++ b/packages/styles/themes/default.css\n@@ -131,11 +131,6 @@\n   opacity: 1;\r\n }\r\n \r\n-@media print {\r\n-  .nteract-cell-toolbar {\r\n-    display: none;\r\n-  }\r\n-}\r\n \r\n .nteract-cell-toolbar button {\r\n   display: inline-block;\r\n', 'commit_subject': 'Merge pull request #5073 from jarmokivekas/jk-5062-cell-toolbar-print-rules', 'repo_name': 'nteract/nteract', 'committer': {'name': 'GitHub', 'email': '1505422b2465e9a84f6fdfaa161078890c593f06@github.com', 'time_sec': '1587840334', 'tz_offset': '-300', 'date': {'seconds': '1587840334'}}, 'commit_tree': '0c281ecc413d625ee4b8de0b8fea3c82c04d1643', 'commit_message': 'Merge pull request #5073 from jarmokivekas/jk-5062-cell-toolbar-print-rules\n\n', 'language_name': 'HTML', 'license': 'bsd-3-clause', 'hunks': '@@ -131,11 +131,6 @@\n   opacity: 1;\r\n }\r\n \r\n-@media print {\r\n-  .nteract-cell-toolbar {\r\n-    display: none;\r\n-  }\r\n-}\r\n \r\n .nteract-cell-toolbar button {\r\n   display: inline-block;\r\n', 'addition_count': 0, 'deletion_count': 5, 'src_file': 'a/packages/styles/themes/default.css', 'tgt_file': 'b/packages/styles/themes/default.css', 'file_extension': '.css', 'before_file': '.nteract-cell-prompt {\n  font-family: monospace;\n  color: var(--theme-cell-prompt-fg, black);\n  background-color: var(--theme-cell-prompt-bg, #fafafa);\n}\n\n.nteract-cell-pagers {\n  background-color: var(--theme-pager-bg, #fafafa);\n}\n\n.nteract-cell-outputs a {\n  color: var(--link-color-unvisited, blue);\n}\n\n.nteract-cell-outputs a:visited {\n  color: var(--link-color-visited, blue);\n}\n\n.nteract-cell-outputs code {\n  font-family: "Source Code Pro", monospace;\n}\n\n.nteract-cell-outputs kbd {\n  border: 1px solid #ccc;\n  border-radius: 4px;\n  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;\n  background-color: #f7f7f7;\n}\n\n.nteract-cell-outputs th,\n    .nteract-cell-outputs td,\n    /* for legacy output handling */\n    .nteract-cell-outputs .th,\n    .nteract-cell-outputs .td {\n  border: 1px solid var(--theme-app-border, #cbcbcb);\n}\n\n.nteract-cell-outputs blockquote {\n  padding: 0.75em 0.5em 0.75em 1em;\n}\n\n.nteract-cell-outputs blockquote::before {\n  display: block;\n  height: 0;\n  margin-left: -0.95em;\n}\n\n.nteract-cell-input .nteract-cell-source {\n  background-color: var(--theme-cell-input-bg, #fafafa);\n}\n\n.nteract-cells {\n  font-family: "Source Sans Pro", Helvetica Neue, Helvetica, sans-serif;\n  font-size: 16px;\n  background-color: var(--theme-app-bg);\n  color: var(--theme-app-fg);\n}\n\n.nteract-cell {\n  color: var(--theme-app-fg);\n  display: flex;\n  flex-direction: column;\n  background: var(--theme-cell-bg, white);\n  border: 1px solid;\n  border-color: var(--theme-cell-border);\n  box-shadow: 0px 2px 4px rgba(41, 49, 58, 0.075);\n  border-radius: 4px;\n  font-family: "Source Code Pro", sans-serif;\n}\n\n.nteract-cell-row {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n\n.nteract-cell-container:focus .nteract-cell,\n.nteract-cell-container:focus-within .nteract-cell,\n.nteract-cell-container.selected .nteract-cell {\n  outline: 0;\n  background: var(--theme-cell-bg, white);\n  border: 1px solid;\n  border-color: var(--theme-cell-border);\n  box-shadow: 0px 2px 8px rgba(41, 49, 58, 0.15);\n  border-radius: 4px;\n}\n\n.nteract-cell-gutter {\n  background-color: var(--theme-cell-gutter);\n  color: var(--theme-cell-gutter-color);\n  padding: var(--nt-spacing-s, 5px);\n}\n\n.nteract-cell-gutter button {\n  color: var(--theme-cell-gutter-color);\n}\n\n.nteract-cell-gutter .nteract-cell-toolbar > * {\n  margin-bottom: 4px;\n}\n\n.nteract-cell-body {\n  display: flex;\n  flex-direction: column;\n  padding: var(--nt-spacing-m, 10px);\n  height: 100%;\n  width: 100%;\n}\n\n.nteract-cell-container .cell-menu {\n  margin-bottom: 40px;\n}\n.nteract-cell-container.selected .nteract-cell-prompt {\n  background-color: var(--theme-cell-prompt-bg-focus, hsl(0, 0%, 90%));\n  color: var(--theme-cell-prompt-fg-focus, hsl(0, 0%, 51%));\n}\n\n.nteract-cell-container:hover:not(.selected) .nteract-cell-prompt,\n.nteract-cell-container:active:not(.selected) .nteract-cell-prompt {\n  background-color: var(--theme-cell-prompt-bg-hover, hsl(0, 0%, 94%));\n  color: var(--theme-cell-prompt-fg-hover, hsl(0, 0%, 15%));\n}\n\n.nteract-cell-outputs {\n  background-color: var(--theme-cell-output-bg);\n  padding: 1rem;\n}\n\n.nteract-cell-container.selected .nteract-cell-outputs {\n  background-color: var(--theme-cell-output-bg-focus);\n  opacity: 1;\r\n}\r\n\r\n@media print {\r\n  .nteract-cell-toolbar {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.nteract-cell-toolbar button {\r\n  display: inline-block;\r\n\n.nteract-cell:focus .nteract-cell-prompt {\n  background-color: var(--theme-cell-prompt-bg-focus, hsl(0, 0%, 90%));\n  color: var(--theme-cell-prompt-fg-focus, hsl(0, 0%, 51%));\n}\n\n@media print {\n  /* make sure all cells look the same in print regarless of focus */\n  .nteract-cell-container .nteract-cell-prompt,\n  .nteract-cell-container.selected .nteract-cell-prompt,\n  .nteract-cell-container:focus .nteract-cell-prompt,\n  .nteract-cell-container:hover:not(.selected) .nteract-cell-prompt {\n    background-color: var(--theme-cell-prompt-bg, white);\n    color: var(--theme-cell-prompt-fg, black);\n  }\n\n  .nteract-cell-gutter {\n    display: none;\n  }\n\n  * {\n    box-shadow: none !important;\n    scrollbar-width: none;\n  }\n\n  body {\n    overflow: visible !important;\n  }\n\n  .notifications-wrapper {\n    display: none;\n  }\n\n  .nteract-cell-outputs {\n    height: 100% !important;\n    max-height: 100% !important;\n  }\n\n  .toolbar {\n    display: none !important;\n  }\n\n  ::-webkit-scrollbar {\n    display: none;\n  }\n}\n', 'message': 'Merge pull request #5073 from jarmokivekas/jk-5062-cell-toolbar-print-rules\n\n', 'author_name': 'GitHub', 'lang': 'css'}