BetterFindBuffer icon indicating copy to clipboard operation
BetterFindBuffer copied to clipboard

Dark Color Scheme Variant

Open FichteFoll opened this issue 8 years ago • 10 comments

I like the highlighting of the custom color scheme, but the bright color scheme conflicts with my theme and default color scheme.

Please add a dark variant that we can specify in our Packages/User/FindResults.sublime-settings file. (This should be mentioned in the default settings file inside a comment.

FichteFoll avatar Nov 02 '16 23:11 FichteFoll

@FichteFoll, what do you think of my proposal?

stoivo avatar Jun 07 '17 10:06 stoivo

I also like to have a dark theme, even though we can customize that using the designer, but bundling a dark theme will let our life easier,

videni avatar Oct 11 '17 10:10 videni

and the default theme is very ugly, can we make it more beautiful?
image

videni avatar Oct 11 '17 10:10 videni

Thought I'd share a theme I created for myself generally based on Monaki if anyone's interested:

image

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
  <key>name</key>
  <string>Sublime Find Results</string>
  <key>settings</key>
  <array>
    <dict>
      <key>settings</key>
      <dict>
        <key>background</key>
        <string>#272822</string>

        <key>foreground</key>
        <string>#ffffff55</string>

        <key>caret</key>
        <string>#f82672</string>

        <key>invisibles</key>
        <string>#ff0000</string>

        <key>lineHighlight</key>
        <string>#f82672</string>

        <key>selection</key>
        <string>#FFDE25</string>

        <key>selectionBorder</key>
        <string>#FFDE25</string>

        <key>selectionForeground</key>
        <string>#f82672</string>

        <key>findHighlightForeground</key>
        <string>#f82672</string>

      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>variable.total_files_count.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#a6e22d</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>string.query.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#a6e22d</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>variable.matched_count.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#a6e22d</string>
        <key>fontStyle</key>
        <string>bold</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>variable.matched_files_count.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#a6e22d</string>
        <key>fontStyle</key>
        <string>bold</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>variable.no_matches.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#f82667</string>
        <key>fontStyle</key>
        <string>bold</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>constant.numeric.line-number.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#ffffff22</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>match.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#ebf8f2</string>
      </dict>
    </dict>


    <dict>
      <key>scope</key>
      <string>constant.numeric.line-number.match.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#e6db6f</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>punctuation.line-number.match.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#e6db6f</string>
      </dict>
    </dict>


    <dict>
      <key>scope</key>
      <string>entity.name.filename.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>foreground</key>
        <string>#66d8ed</string>
      </dict>
    </dict>

    <dict>
      <key>scope</key>
      <string>footer.find-in-files</string>
      <key>settings</key>
      <dict>
        <key>background</key>
        <string>#33333322</string>
      </dict>
    </dict>

  </array>
</dict>
</plist>

IPWright83 avatar Feb 18 '19 11:02 IPWright83

@IPWright83 That just saved me quite a bit of effort, I think exactly what you have there should be bundled with the plugin.

AFlowOfCode avatar Feb 21 '19 20:02 AFlowOfCode

@AFlowOfCode I'm glad you found it useful - it's not quite true to Monaki with the yellow in there, but I thought that highlighting was nice and vibrant so kept it in there.

IPWright83 avatar Feb 22 '19 10:02 IPWright83

Here is another dark theme alternative I mocked up

<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	<key>name</key>
	<string>Sublime Find Results</string>
	<key>settings</key>
	<array>
	<dict>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#22282a</string>
			<key>foreground</key>
			<string>#c0c0c0</string>
			<key>lineHighlight</key>
			<string>#ffe792</string>
			<key>selection</key>
			<string>#ffe792</string>
			<key>selectionForeground</key>
			<string>#000000</string>
			<key>selectionBorder</key>
			<string>#19ff03</string>
			<key>caret</key>
			<string>#21ff00</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>string.query.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>foreground</key>
			<string>#ffe300</string>
			<key>fontStyle</key>
			<string>bold</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>variable.total_files_count.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>foreground</key>
			<string>#e0e0e0</string>
			<key>fontStyle</key>
			<string>bold</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>footer.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#31393c</string>
			<key>foreground</key>
			<string>#c0c0c0</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>variable.matched_count.find-in-files</string>
		<key>settings</key>
		<dict>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>variable.matched_files_count.find-in-files</string>
		<key>settings</key>
		<dict>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>entity.name.filename.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#96bc93</string>
			<key>foreground</key>
			<string>#000000</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>match.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#494537</string>
			<key>foreground</key>
			<string>#ffffff</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>constant.numeric.line-number.match.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#b4a367</string>
			<key>foreground</key>
			<string>#000000</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>punctuation.line-number.match.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#b4a367</string>
			<key>foreground</key>
			<string>#000000</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>constant.numeric.line-number.find-in-files</string>
		<key>settings</key>
		<dict>
			<key>background</key>
			<string>#22282a</string>
			<key>foreground</key>
			<string>#c0c0c0</string>
		</dict>
	</dict>
	<dict>
		<key>scope</key>
		<string>font</string>
		<key>settings</key>
		<dict>
			<key>family</key>
			<string>Arial</string>
			<key>size</key>
			<string>17px</string>
		</dict>
	</dict>
	</array>
	<key>uuid</key>
	<string>edcc9b28-ac04-4b4a-8fa3-f4be3c0d3b02</string>
</dict>
</plist>

phillipse01 avatar Sep 23 '19 07:09 phillipse01

Here this one is easy on the eyes: https://github.com/prurph/BetterFindBuffer-Spacegray

And this one is mine:

https://github.com/khalilgharbaoui/BetterFindBuffer-onedark

And this is another nice one: https://github.com/AeroCross/better-find-buffer-material-theme

And an online GUI theme maker: http://bobtherobot.github.io/BetterFindBuffer-Designer/

But I still think @aziz should at least add 1 dark theme for those who want to conserve their melatonin out of the box. either by inheriting from the current theme or by simply adding a pickable dark one.

khalilgharbaoui avatar Oct 19 '19 14:10 khalilgharbaoui

Just in case it helps someone else. After installing the theme (as per the instructions) you have to quit and restart ST3 (don't know about ST(4)). Thanks, the dark one's are soooooo much nicer !

LozmindaSnr avatar Jun 03 '21 13:06 LozmindaSnr

@phillipse01 I think I'm going to go with your "nature inspired look" it's a good contrast to my demented Monokai (edited for clarity and garishness) giving a still dark but contrasting colour scheme for BFB. Thank you

LozmindaSnr avatar Jun 03 '21 13:06 LozmindaSnr