cerebroapp/cerebro

feat: add option to change opacity

Open

#502 opened on Mar 11, 2020

View on GitHub
 (1 comment) (0 reactions) (1 assignee)JavaScript (8,162 stars) (490 forks)batch import
enhancementhelp wanted

Description

I just found this app because I wanted an Apple like search on Windows and liking it so far. I'm a big fan of Electron and open source stuff. I would like to change the opacity of the main search box so it partially blends into the background. I've tried changing the background-color on both the main and background devtools like this: image

I don't really understand what that is doing though. I am guessing that is not permanent because it's just modifying the source in the inspector? How do I make permanent changes? I'm guessing download the full source, make the change and rebuild? I wish there were instructions somewhere on how to do all of that.

  • I am on the latest Cerebro.app version
  • I have searched the issues of this repo and believe that this is not a duplicate
  • OS version and name:
  • Cerebro.app version:
  • Relevant information from devtools (See above how to open it):

Issue

Contributor guide

Tech stack
javascriptnodejscss
Domain
desktopfrontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
Familiarity with CSSUnderstanding of Electron settings
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70
Research direction
The issue requests an opacity setting for the search box. The user tried modifying CSS in devtools. To implement, add a config option in the preferences UI and dynamically apply the opacity value to the main window's style. Look at existing settings patterns in the repository, such as how other UI preferences are stored and applied. The main renderer process and relevant CSS files need to be updated.