Menu
I am new to Textmate 2. I have seen few people using textmate with a reduced opacity of the background color. I am trying to find a way to achieve that, but could not get to anything closer.
I tried tweaking the bundle file for the default theme, but eventually ended up messing the look of the existing theme.
What am I missing here. Do I need any other bundle to achieve it? How do I get a transparency in the background?
622
The opacity is set to 0.2 so that the background is made transparent and the text on top of the image is clearly visible. background image in CSS ?
The following example sets the opacity for the background color and not the text: 100% opacity. 60% opacity. 30% opacity. 10% opacity. You learned from our CSS Colors Chapter, that you can use RGB as a color value. In addition to RGB, you can use an RGB color value with an alpha channel (RGBA) - which specifies the opacity for a color.
The opacity property can take a value from 0.0 - 1.0. The lower value, the more transparent: The opacity property is often used together with the :hover selector to change the opacity on mouse-over: The first CSS block is similar to the code in Example 1.
If we decrease the value initially, the element will get more transparent. If the opacity value is 0.5, the color will get semi-transparent or 50% transparent. However, while using opacity, the child element also gets transparent. For example, create an HTML document with a heading h1 and a class transparent.
Ah! yes I now get it!... I guess its different in Textmate2. All you need to do is to goto the bundle editor and change the value of background in settings.
For example if the value of background is #141414 then append the hex value of the desired transparency. For example you want the opacity to be 62.8% then you can change the value to be #141414A1.
0xA1 = 161
161/256 = 62.8%
126
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
