blob: 38208d772565e8ba5963f77691f7c0e2d3cde611 [file] [log] [blame]
/* Copyright 2025 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
/* #css_wrapper_metadata_start
* #type=style-lit
* #scheme=relative
* #import=./omnibox_popup_shared_style.css.js
* #include=omnibox-popup-shared-style
* #css_wrapper_metadata_end */
:host {
--composebox-context-menu-entrypoint-button-color: var(--color-sys-primary);
--cr-composebox-custom-font-size: var(--omnibox-font-size);
--cr-composebox-expanded-border-radius: 16px;
--cr-composebox-input-bottom-spacing: 8px;
--cr-composebox-input-placeholder-font-size: var(--omnibox-font-size);
--cr-composebox-match-height: 40px;
--cr-composebox-match-icon-container-padding-inline-start: 20px;
--cr-composebox-match-icon-size: 16px;
--cr-composebox-match-match-padding-bottom: 0;
--cr-composebox-match-remove-button-top: 4px;
--cr-composebox-match-text-container-font-size: var(--omnibox-font-size);
--cr-composebox-max-height: 800px;
--cr-composebox-text-container-padding-block-start: 0;
--search-animated-glif-rotation-duration: 2000ms;
--cr-composebox-cancel-button-top: 5px;
}
cr-composebox {
--color-composebox-background: var(--color-omnibox-results-background);
--color-composebox-cancel-button: unset; /* Lens only */
--color-composebox-cancel-button-light: var(--color-omnibox-text-dimmed);
--color-composebox-context-entrypoint-hover-background: var(--color-omnibox-action-icon-hover);
--color-composebox-context-entrypoint-text-disabled: var(--color-omnibox-composebox-foreground-disabled);
--color-composebox-file-image-overlay: var(--color-omnibox-text);
--color-composebox-font: var(--color-omnibox-text);
--color-composebox-font-light: var(--color-omnibox-text);
--color-composebox-hover: unset; /* Lens only */
--color-composebox-input-icon: var(--color-omnibox-results-icon);
--color-composebox-lens-button: unset; /* Lens only */
--color-composebox-pdf-chip-icon: var(--color-omnibox-text-dimmed);
--color-composebox-recent-tab-chip-outline: unset; /* Omnibox has no recent tab chip. */
--color-composebox-scrim-background: unset; /* No scrim. */
--color-composebox-submit-button-background: var(--color-omnibox-composebox-submit-button-background);
--color-composebox-submit-button-icon: var(--color-omnibox-composebox-submit-button-icon);
--color-composebox-submit-button-hover: var(--color-omnibox-action-icon-hover);
--color-composebox-suggestion-activity: unset; /* No activity suggestion disclaimer. */
--color-composebox-type-ahead: var(--color-omnibox-composebox-foreground-disabled);
--color-composebox-type-ahead-chip: var(--color-omnibox-composebox-foreground-disabled);
--color-composebox-upload-button: var(--omnibox-results-chip-background);
--color-composebox-upload-button-disabled: var(--color-omnibox-composebox-foreground-disabled);
--cr-composebox-background-color: var(--color-omnibox-results-background);
--cr-composebox-input-placeholder-color: var(--color-omnibox-text-dimmed);
--cr-composebox-outline-hcm: none;
--cr-composebox-submit-button-margin-inline-start: auto;
--cr-composebox-suggestion-activity-bottom: 0;
--cr-composebox-suggestion-activity-margin-top: 0;
position: relative;
}
cr-composebox[searchbox-layout-mode="Compact"] {
--input-bottom-spacing: 14px;
}
cr-composebox[searchbox-layout-mode="Compact"]::part(context-menu-entrypoint-icon) {
--cr-icon-button-icon-size: 20px;
--cr-icon-button-size: 28px;
left: 12px;
top: 14px;
}