Comments (3)
praneshr
commented on August 17, 2024
It will be added in the next major version😃
from react-diff-viewer.
fdemello
commented on August 17, 2024
@praneshr Awesome! In my implementation, I used these colors:
{
variables: {
diffViewerBackground: '#1e1e1f',
addedBackground: '#1e481e',
addedColor: 'white',
removedBackground: '#511519',
removedColor: 'white',
wordAddedBackground: '#163616',
wordRemovedBackground: '#3c1013',
addedGutterBackground: '#1e4622',
removedGutterBackground: '#461216',
gutterBackground: '#202020',
gutterBackgroundDark: '#1a1a1a',
highlightBackground: '#fffbdd',
highlightGutterBackground: '#fff5b1',
codeFoldGutterBackground: '#57575b',
codeFoldBackground: '#3e3e41',
emptyLineBackground: '#1e1e1f',
},
line: {
color: 'white',
},
}
I'm not sure if there's a standard for these or if you would want to have theme support like gitlab (https://gitlab.com/gitlab-org/gitlab-foss/tree/master/app/assets/stylesheets/highlight/themes)
from react-diff-viewer.
praneshr
commented on August 17, 2024
Hello! v3.0.0 beta is now available. This issue is addressed in this release. Try it out and provide feedback.
from react-diff-viewer.
Related Issues (20)
- How can we add inline comments on click of the line number
- React 18? HOT 4
- I'm getting this" classnames_1.default is not a function" i couldn't understand. is there any bootstrap version dependency
- I'm getting type error:" classnames_1.default is not a function" , is there any bootstrap version dependency ??
- nearbySequences like in react-diff-view
- the demo provided in readme.md run like this，how to fix it?
- Add a Copy button HOT 1
- Text not visible for too long content HOT 6
- Use DiffViewer inside Shadow DOM HOT 2
- Prism syntax highlighting does not work for multi-line comments
- Compare Difference Row Exception
- Accept texts with the difference already made
- Can I hide the 'Expand 1 lines...' at the top？ HOT 1
- What are the conditions of the lines to which Expand Lines apply? HOT 1
- What is the performance ceiling of this componnet? HOT 1
- Reverse Diff
- bug handling added/removed empty lines
- CJS default export types are improperly configured
- can't select diff text properly! ⛔ HOT 2
- Line Selection Bug 🪲
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-diff-viewer.