Skip to content

[create-theme]: Arc Style Find in Page #1718

@thebitstick

Description

@thebitstick

Name

Arc Style Find in Page

Description

Floating Find in Page bar just like old Arc

Homepage

No response

Image

https://i.imgur.com/x87ISZg.png

Type

  • JSON Color Theme

Theme Styles

/* Arc-like Find in Page */
findbar {
  display: flex !important;
  border-radius: 13px !important;
  width: 480px !important;
  height: 65px !important;
  position: absolute !important;
  top: 75px !important;
  bottom: auto !important;
  left: auto !important;
  right: 30px !important;
  border: none !important;
  box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.2) !important;
  background: var(--zen-colors-tertiary) !important;
}
.findbar-closebutton {
  position: absolute !important;
  top: 19px !important;
  bottom: auto !important;
  left: auto !important;
  right: 16px !important;
}
.findbar-container {
  height: auto !important;
}
.findbar-textbox {
  width: 325px !important;
  height: 40px !important;
  margin-left: 15px !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.findbar-label {
  margin-left: -404px !important;
  margin-top: -31px !important;
}
.findbar-find-previous {
  list-style-image: url("chrome://browser/skin/back.svg") !important;
  rotate: 90deg !important;
  margin-right: 10px !important;
}
.findbar-find-next {
  list-style-image: url("chrome://browser/skin/forward.svg") !important;
  rotate: 90deg !important;
}
.findbar-highlight,
.findbar-case-sensitive,
.findbar-match-diacritics,
.findbar-entire-word,
.findbar-find-status {
  display: none !important;
}

Readme

Find in Page style no longer exists in current Arc as of September 2025. Pre-acquisition of BCNY by Atlassian saw the removal of Arc Max AI Find in Page, resulting in an ugly default Find in Page bar.

Preferences

Metadata

Metadata

Assignees

No one assigned

    Labels

    new-themeSubmit a theme to be added to the theme library

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions